AjaxComplete 控件使用参考

1，引入dll : Resource\Resource\Mediinfo.AjaxControls.dll
2，加载样式：<link href="../../Styles/excite-bike/jquery-ui-1.8.13.custom.css" rel="stylesheet" /> <link href="../../Styles/Suggester.css" rel="stylesheet" />

3，加载 js<script src="../../Scripts/AutoCompDataCtrl.js" type="text/javascript"></script>

4，设置页面控件引入ScriptManager<form id="form1" runat="server"> <asp:ScriptManager ID="sm" runat="server"> </asp:ScriptManager>

CtrlTextID=" hfldZHUANGWANGJGMC" CtrlValuID="hfldZHUANGWANGJG" 
隐藏绑定值：机构名称及机构编号 ，便于交互
AjaxPath="/Web References/AutoCompDataSource.asmx" ajax 路径
AjaxMethod="GetAgencyByFix" ajax 执行方法

范例:

<%//户籍地址编号----- %><input type="hidden" id="hfldHUJIDZMC" runat="server" />
        <input type="hidden" id="hfldHUJIDZBH" runat="server" />

<li>
                                        <acc:AjaxComplete @H_404_55@ID="HuJi" @H_404_55@runat="server" @H_404_55@Width="270" @H_404_55@Height="23" @H_404_55@Watermark="输入全称或拼音码" @H_404_55@AllowUnresolvedItems="true" @H_404_55@CtrlTextID="hfldHUJIDZMC" @H_404_55@CtrlValuID="hfldHUJIDZBH" @H_404_55@AllowMulti="false" @H_404_55@IsGanged="JiaTing,XiuYang,ZFHuJi" @H_404_55@HasDesc="true" @H_404_55@DescCtrl="HuJi_Desc" @H_404_55@ExpandWidth="300" @H_404_55@AllowedMaxItems="1" @H_404_55@RootCSSClass="suggester" @H_404_55@ItemCSSClass="ui-corner-all" @H_404_55@AjaxPath="/Web References/AutoCompDataSource.asmx" @H_404_55@AjaxMethod="GetItemsByFix" @H_404_55@ScriptPath="/Scripts/Suggester.js?t=20131017" @H_404_55@OnClientBeginRequest="Address.BeginRequest" @H_404_55@OnClientItemAdded="Address.ItemAdd_HuJi" @H_404_55@OnClientItemRemoved="Address.ItemRemovedGrad" />
                                    </li>

选择控件中的下拉项给隐藏域中的控件赋值选中项的ID和value;
使用控件判断隐藏域中的值是否符合规则即可.

if ($.trim($("#hfldHUJIDZBH").val()) == '' || $.trim($("#hfldHUJIDZBH").val()) == '990000000000') {
                top.$.messager.alert('提示信息','请输入关键字检索选择户籍地址(请从检索目中选择)！','info',function () { ExpandFun.setCtrlFocus("HuJi"); });
                return false;
            }

聚焦定位到控件(具体参考项目中form.js 中的定义)

ExpandFun.setCtrlFocus("HuJi");

允许用户填写字典中不存在的项目
设置属性

AllowUnresolvedItems="true"

范例

<%//死胎死产原因%>
        <input type="hidden" id="hfldSITAISCYY" runat="server" />
        <input type="hidden" id="hfldSITAISCYYDM" runat="server" />

<acc:AjaxComplete @H_404_55@ID="ajaxSITAISCYYDM" @H_404_55@runat="server" @H_404_55@Width="150" @H_404_55@Height="23" @H_404_55@Watermark="输入字典全称或拼音码" @H_404_55@AjaxOnTextLength="0" @H_404_55@AllowMulti="true" @H_404_55@CtrlTextID="hfldSITAISCYY" @H_404_55@CtrlValuID="hfldSITAISCYYDM" @H_404_55@DicNumStr="4|183" @H_404_55@RootCSSClass="suggester" @H_404_55@AllowedMaxItems="20" @H_404_55@ExpandHeight="200" @H_404_55@AllowUnresolvedItems="true" @H_404_55@ItemCSSClass="ui-corner-all" @H_404_55@AjaxPath="/Web References/AutoCompDataSource.asmx" @H_404_55@AjaxMethod="GetDictByFixAndDicNum" @H_404_55@ScriptPath="/Scripts/Suggester.js" @H_404_55@OnClientBeginRequest="ajax_AutoFinish.onBeginRequest_Dic" @H_404_55@OnClientItemAdded="onItemAdded_DisQTSTCtrl" @H_404_55@OnClientItemRemoved="onItemRemoved_DisQTSTCtrl" />

如果 AllowUnresolvedItems=”false” 则用户自行输入字典中不存在的项目;保存时无法给CtrlTextID=”hfldSITAISCYY” CtrlValuID=”hfldSITAISCYYDM” 这俩项赋值只有AllowUnresolvedItems=”true”时,输入字段中不存在的项目也会给CtrlTextID=”hfldSITAISCYY” 赋值为用户实际输入项CtrlValuID=”hfldSITAISCYYDM” 会赋值-99

AjaxComplete 控件使用参考

猜你在找的Ajax相关文章