JQuery Live Search using json with ASP.net
本文关键字:with ASP net json using Live Search JQuery | 更新日期: 2023-09-27 17:56:04
我有一个 asp.net 应用程序。要求是提供实时搜索功能来搜索特定的产品列表。
我搜索了各种实时搜索jquery插件并使用了这个http://nakajima.github.com/jquery-livesearch/
在上面提到的链接中,数据是ul li格式,然后在该列表中实现实时搜索,所以我所做的是在后端,从服务器端,使用中继器控件,如下所示
<ul id="names">
<asp:Repeater ID="SomeRepeater" runat="server" OnItemCommand="SomeRepeater_ItemCommand" Visible="false">
<ItemTemplate>
<li>
<asp:LinkButton ID="SomeLink" runat="server" CommandName="Load" CommandArgument='<%# Eval("SomeId")%>' Text='<%# Eval("SomeNameName") + " " + "("+ Eval("SomeCount") + ")" %>'></asp:LinkButton>
</li>
</ItemTemplate>
</asp:Repeater>
在此之后,在代码隐藏中,将转发器控件与数据的 List 对象绑定。毕竟,实时搜索功能完全可以正常工作,中继器控制中的值为 ul li。
现在,要求发生了变化,我需要隐藏绑定到中继器控件的ul li值,但希望实时搜索相同的列表对象。
为此,我在互联网上搜索并得到了一个想法,而不是使用中继器控件,让我使用 JSon ,我成功地从下面的代码中以字符串形式获取值
JavaScriptSerializer jss = new JavaScriptSerializer();
string output = jss.Serialize(newListObject);
但问题是,我无法使用上面提到的jquery插件,并且我不确定如何使用上面的json字符串执行相同的搜索功能。
请让我知道我的方法是否正确,如何实现相同的目标。
听起来jQuery Autocomplete会完全满足你的需要。与 .NET 集成也相当容易,只需返回字符串列表即可。
或者,您可以声明可自动完成项的静态列表。您还可以在单击项目时触发更改/重定向。