jQuery Mobile 数据过滤器读取动态内容答案

【问题标题】：jQuery Mobile data-filter to read dynamic contentjQuery Mobile 数据过滤器读取动态内容
【发布时间】：2012-01-02 23:10:26
【问题描述】：

我正在尝试实现一个搜索栏，以按首字母过滤 jQuery 移动设备中的动态内容。我想像这样实现数据过滤器：http://jquerymobile.com/demos/1.0a4.1/docs/lists/docs-lists.html#../../docs/lists/lists-search-inset.html

超级容易做到。但是，我有一个小问题让我失望。我所有的内容都是动态的。正在读取的每条记录都是一个新列表。因为数据过滤器用于列表，所以我在每条记录上方都有一个搜索栏。我的输出的 .NET 代码如下所示：

<asp:Repeater ID="Repeater27" runat="server" DataSourceID="SqlDataSource27">
                    <ItemTemplate>
                           <ul data-role="listview" data-inset="true" data-filter="true">
                                <li class="list-head"><strong><%# Eval("Name")%></strong></li>
                                <li class="list-body"><a href="mailto:<%# Eval("Email")%>"><%# Eval("GrEmail")%></a></li>
                                <li class="list-body"><%# Eval("Telephone")%></li>
                            </ul>
                   </ItemTemplate>
                </asp:Repeater>

因为我使用中继器来列出我的动态内容，所以它也在重复我的过滤器。我尝试将过滤器移到重复区域之外，但这不起作用。此外，过滤器必须附加到它正在读取的列表中才能正常工作。

在 .NET 中使用中继器是否有解决方法？或者有过滤器的解决方法吗？数据过滤器可以用于可折叠集吗？

我愿意接受任何和所有建议。我非常感谢您提供的任何见解。这必须是在网站上实现动态内容的常见问题。我想知道 jQuery 移动文档是如何做到这一点的？？

想法？

【问题讨论】：

这篇文章与我的旧文章有点相关：(stackoverflow.com/questions/5856909/…);但是，我喜欢数据过滤器的方向...

标签： asp.net jquery-mobile

【解决方案1】：

只有李应该重复！！ :)

改变它

<ul data-role="listview" data-inset="true" data-filter="true">
<asp:Repeater ID="Repeater27" runat="server" DataSourceID="SqlDataSource27">
                    <ItemTemplate>

                                <li class="list-head"><strong><%# Eval("Name")%></strong></li>
                                <li class="list-body"><a href="mailto:<%# Eval("Email")%>"><%# Eval("GrEmail")%></a></li>
                                <li class="list-body"><%# Eval("Telephone")%></li>

                   </ItemTemplate>
                </asp:Repeater>
 </ul>

【讨论】：

【解决方案2】：

应该在中继器之外。剩下的动态内容应该只在一组

标签。

【讨论】：