Question

I have repeater control in which i have implemented Paging. Now its showing 10 data once. Now i want to manage sorting as well, using jaquery at client end means it will not hit database again for sorting.

例:显示10个项目(行文)。每个项目都包含价格、项目数额和日期。现在,想把这种重复性特征区分开来。因此,只有在目前显示10个项目的情况下才能进行分类。全方位特征(课程、项目、日期)

我在电网格中有一些样本,但没有重复工作,请让我知道如何做到这一点。我搜查了许多东西,但一切都对我无益。

Answer 1

For your solution you can visit this link

tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. It has many useful features including:

Multi-column sorting Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time. Add your own easily Support secondary "hidden" sorting (e.g., maintain alphabetical sort when sorting on other criteria) Extensibility via widget system Cross-browser: IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+ Small code size

Answer 2

Pseudo code:

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");
});

首先,你从集装箱中删除重复元素。

然后,你把重复内容描绘成一个包含重复内容和内容的总结。

之后,您可使用Array.prototype.sort。

Then iterate over the sorted list and append them to your repeater in the sorted order.

Answer 3

Yo can use Jquery tableorter plugin

Jquery

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

as 标记

<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">

友情链接