JQuery UI自动完成不工作asp.net
问题描述:
我真的很困惑为什么我的自动完成工作不正常。你能帮我解释为什么这不起作用吗?即使日期时间选择器不工作,我想知道是否它是我使用“Gentellela Alela”的模板。请帮助我的家伙。在此先感谢JQuery UI自动完成不工作asp.net
下面是代码
<link href="Styles/bootstrap.min.css" rel="stylesheet" />
<link href="Styles/font-awesome.min.css" rel="stylesheet" />
<link href="Styles/nprogress.css" rel="stylesheet" />
<link href="Styles/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet" />
<link href="Styles/daterangepicker.css" rel="stylesheet" />
<link href="Styles/jqvmap.min.css" rel="stylesheet" />
<link href="Styles/custom.min.css" rel="stylesheet" />
<link href="Styles/cust.css" rel="stylesheet" />
<link href="Styles/style.css" rel="stylesheet" />
<script src="~/Scripts/jquery-ui-1.12.1.js"></script>
<script type="text/javascript">
$(function() {
$("#<%= txtProdCode.ClientID%>").autocomplete({
source: function (request, response) {
$.ajax({
url: "<%:Page.ResolveUrl("~/WS/Platts.asmx/FilterItem")%>",
data: "{ 'filterstring': '" + request.term + "' }",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
dataFilter: function (data) { return data; },
success: function (data) {
response($.map(data.d, function (item) {
return {
label: item.prDesc,
value: item.prDesc
}
}))
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(errorThrown);
}
});
},
minLength: 2
});
});
</script>
Windows服务(的.asmx)
<WebMethod()> _
Public Function FilterItem(ByVal filterstring As String) As List(Of ProductDetail)
Dim retEmp As New List(Of ProductDetail)
Using secrpt As New BLL.TradingModel.TradingTransactionRepository
retEmp = secrpt.GetAllPlattCode().Where(Function(c) c.prDesc.ToLower.Contains(filterstring)).ToList
End Using
Return retEmp
End Function
库
Public Function GetAllPlattCode() As List(Of ProductDetail)
Return (From _plt As ProductDetail In TradingTransactionCTX.ProductDetails Order By _plt.pID).ToList
End Function
答
地址:
<script
src="https://code.jquery.com/jquery-2.2.4.min.js"
integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
crossorigin="anonymous"></script>
前:
<script src="~/Scripts/jquery-ui-1.12.1.js"></script>
,然后你可以使用任何的jQuery元素或命令。
有没有主页? –
@SaadSuri是的,有一个主页 – jezz
然后尝试调用您的文本框的主名称。你可以通过检查元素找到它。 –