net中基于jquery autocomplete ajax实现文本框智能感知的方法

控件前端代码如下:

<link rel="stylesheet" type="text/css" href="<%=strStaticPath%>/GlobalAssets/Scripts/ThirdParty/autocomplete/jquery.autocomplete.css" />
<script type="text/javascript">
    $(document).ready(function () {
       
        CheckScript('ajaxQueue', staticURL + '/GlobalAssets/Scripts/ThirdParty/autocomplete/lib/jquery.ajaxQueue.js');
        CheckScript('AutoComplete', staticURL + '/GlobalAssets/Scripts/ThirdParty/autocomplete/jquery.autocomplete.js');

        $("#<%=ClientSideID %>new-txt-search").autocomplete("<%=ListSRC%>", {
            width:280,
            max: 20,
            highlight: false,
            scroll: true,
            scrollHeight: 300,
            matchContains: true,
            minChars: 0,
            dataType: "json",
            multiple:false,
            multipleSeparator: ", ",
            autoFill: false,
            extraParams: { ControlType: '<%=LCase(strControlType)%>' },
            formatItem: function (row, i, max) {
                return row.val;
            },
            formatResult: function (row) {
                return row.val;
            }
        }).result(function (event, data, formatted) {
            if (<%=LCase(SingleSelected)%> === false) {
                AddNew<%=LCase(strControlType)%>(data);
                $("#<%=ClientSideID %>new-txt-search").val("");
            } else {
                $('#<%=ClientSideID%>-hid-idselected').val(data.id);
                $('#<%=ClientSideID%>-hid-valueselected').val(data.val);
            }
        });
    });

    function AddNew<%=LCase(strControlType)%>(data) {
        if ($("#<%=TargetDivID%> li[itemvalue='" + data.id + "']").length < 1) {
            $("#<%=TargetDivID%>").append("<li itemvalue='" + data.id + "'><span>" + data.val + "<a οnclick='RemoveTag<%=LCase(strControlType)%>(this);'>X</a></span></li>");
        }
    }

    function RemoveTag<%=LCase(strControlType)%>(e) {
        $(e).parent("span").parent("li").remove();
    }

 
</script>

<input id="<%=ClientSideID %>new-txt-search" class="ui-txt-general <%=Size %> ui-filter-input <%=IIF(IsRequired, "required", "") %>" <%=IIf(String.IsNullOrEmpty(ValidationType), "", "validationtype=""" + ValidationType + """")%> <%=IIf(String.IsNullOrEmpty(ErrorMessage), "", "errormessage=""" + ErrorMessage + """")%> autocomplete="on" />
<asp:Literal ID="litSingleSelect" runat="server"></asp:Literal>


需要源码的加我QQ:66718823

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值