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 Live Search using json with ASP.net

听起来jQuery Autocomplete会完全满足你的需要。与 .NET 集成也相当容易,只需返回字符串列表即可。

或者,您可以声明可自动完成项的静态列表。您还可以在单击项目时触发更改/重定向。