jQuery Mobile数据过滤器,用于读取动态内容

时间:2011-05-20 14:26:05

标签: asp.net jquery-mobile

我正在尝试实现一个搜索栏,以便通过第一个字母过滤jQuery mobile中的动态内容。我想实现这样的数据过滤: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>

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

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

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

思想?

2 个答案:

答案 0 :(得分: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>

`

答案 1 :(得分:0)

应该在转发器之外。其余的动态内容应仅在一组

  • 标记内。