控件前端代码如下:
<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