Jquery 如何在客户端管理中继器？

我有一个中继器控件，我在其中实现了分页。现在它一次显示10个数据。 现在我还想管理排序，在客户端使用jaquery意味着它不会再次访问数据库进行排序

示例：假设中继器显示10个项目（行）。每个项目都包含价格、项目数量和日期。现在我想在这个中继器中使用排序功能。因此，它将仅在当前显示10项的情况下进行排序。所有项目的排序功能（价格、项目计数、日期）

---

我在gridview中有一些样本，但它不能正常工作，请让我知道如何才能做到这一点。我搜索了很多东西，但对我来说一切都是无用的。

有关您的解决方案，您可以访问此

tablesorter是一个用于 使用 THEAD和TBODY标签合并成一个可排序的 没有页面刷新的表。 tablesorter可以成功解析和 对多种类型的数据进行排序，包括 单元格中的链接数据。它有很多 有用的功能包括：

用于 排序文本、URI、整数、， 货币、浮动、IP地址、日期 （ISO，长和短格式），时间。 添加您自己的轻松支持二级 “隐藏”排序（例如，维护 按字母顺序排序时，按 其他标准）通过 widget系统跨浏览器：IE 6.0+， FF 2+、Safari 2.0+、Opera 9.0+小型 代码大小

---

伪代码：

var sortCriteria = ".Price"

var repeaterRows = $(".repeaterRows").detach();
var sortingArray = repeaterRows.map(function(key, val) {
    return {
        "jquery": $(this),
        "sort": $(this).find(sortCriteria).text();
    };
}).get();

sortingArray.sort(function(left, right) {
    return left.sort < right.sort;
});

$.each(sortingArray, function(key, val) {
    val.jquery.appendTo("#repeater");
});

var sortCriteria=“.Price”
var repeaterRows=$（“.repeaterRows”）.detach（）；
var sortingArray=repeaterRows.map（函数（键，val）{
返回{
“jquery”：$（此），
“排序”：$（this.find（sortCriteria.text（））；
};
}).get（）；
sortingArray.sort（函数（左、右）{
返回left.sort

首先，从容器中删除中继器元素

然后将repeater元素映射到包含repeater元素和排序内容的包装器

然后，可以使用按条件对它们进行排序

然后迭代排序列表，并按排序顺序将它们附加到中继器中。

您可以使用

Jquery

 $(document).ready(function() { 
        $(".tablesorter") 
        .tablesorter({widthFixed: true, widgets: ['zebra']}) 
        .tablesorterPager({container: $("#pager")}); 
    });

aspx标记

<table cellspacing="1" class="tablesorter">

    <thead>
        <tr>
            <th>Column1</th>
            <th>Column2</th>
            <th>Column3</th>
        </tr>
    </thead>

        <tfoot>
        <tr>
            <th>Column1</th>
            <th>Column2</th>
                         <th>Column3</th>
        </tr>

    </tfoot>
         <tbody>
                <asp:Repeater runat="server" ID="rpt_data">
                    <ItemTemplate>
            <tr>

            <td><%#Eval("ColumnName1")%></td>

            <td><%#Eval("ColumnName2")%></td>

            <td><%#Eval("ColumnName3")%></td>

            </tr>
                </ItemTemplate>
                </asp:Repeater>
         </tbody>
</table>

<div id="pager" class="pager">

专栏1
专栏2
第3栏
专栏1
专栏2
第3栏

你能告诉你的代码如何实现中继器吗？-1这不是答案。那是广告。你还假设他使用的是一个

@Raynos:ru在做什么我在这里找到了表的演示或使用

和

包装html的页眉和页脚

。

widgets:['zebra']

是什么意思？页面标记在哪里-1请努力，而不是复制并粘贴链接中的jQuery代码。@Raynos:widgets:['zebra']：-样式将类似于zebra样式。因此，对于页面，这是我的错误，我成功地实现了一次与中继器不只是复制粘贴…@Rayans我提供的链接也在这里，你可以找到更多的细节。