1

我正在使用Tablesorter，目前正在使用 Ajax 实现服务器端分页。Tablesorter 支持对多列进行排序，并在单击第一列时使用以下 URL：

http://example.com/tablesorter/json?page=0&size=25&column[0]=1

以上适用于我的（Tablesorter）控制器操作：

public JsonResult Json(int page, int size, int[] column)

但是，如果我只按第二列排序，则会调用以下 URL，这会导致列为空。我猜是由于缺少零索引值。

http://example.com/tablesorter/json?page=0&size=25&column[1]=1

所以我的问题是：我能否以某种方式使用其他类型对给定的 Tablesorter 格式进行模型绑定，或者我是否必须重写 Tablesorter 的 URL 格式？

按多列排序时，格式为：

http://example.com/tablesorter/json?page=0&size=25&column[0]=1&column[1]=1
4

2 回答 2

0

您可以根据需要使用该customAjaxUrl选项来修改 ajax url。

也许使用jQuery的$.param()功能会有所帮助？

ajaxUrl: 'http://example.com/tablesorter/json?page={page}&size={size}',
customAjaxUrl: function(table, url) {
    // sortList = [[1,0], [2,0]]
    var sort = $.param({ column : table.config.sortList });
    // result: "column[0][]=1&column[0][]=0&column[1][]=2&column[1][]=0"
    return url + '&' + sort;
}

如果该格式不起作用，那么它可能需要一些服务器端调整？

如果您必须定义所有列，请尝试以下代码：

ajaxUrl: 'http://example.com/tablesorter/json?page={page}&size={size}',
customAjaxUrl: function(table, url) {
    var i, v,
    c = table.config,
    s = c.sortList; // sortList = [[1,0], [2,0]]
    for (i = 0; i < c.columns; i++){
        v = 2;
        if ($.tablesorter.isValueInArray(i, s)) {
            $.each(s, function(j){ 
                if (s[j] && s[j][0] === i) {
                    v = s[j][1];
                }
            });
        }
        // 0 = ascending; 1 = descending; 2 = unsorted
        url += '&column[' + i + ']=' + v;
    }
    // result: "&column[0]=2&column[1]=0&column[2]=0&column[3]=2&column[4]=2"
    return url;
}

如果这不起作用，那么我不知道该告诉你什么，因为我对 ASP.NET 和模型绑定知之甚少。您可能还想查看此答案。

于 2013-05-31T13:52:33.690 回答
0

我知道这是一个旧项目，但我使用了 Mottie 的答案并对其进行了一些修补。

customAjaxUrl: function(table, url) {
    // build sort list
    var config = table.config;
    var sortList = config.sortList;

    for (var i = 0; i < config.columns; i++){
        var v = 2;

        $.each(sortList, function(j, item){ 
            if (item && item[0] === i) {
                v = item[1];
            }
        });

        // 0 = ascending; 1 = descending; 2 = unsorted
        url += '&sortColumn[' + i + ']=' + v;
    }

    // build filter list
    var filterList = config.pager.currentFilters;

    for (var i = 0; i < filterList.length; i++) {
        url += '&filterColumn[' + i + ']=' + filterList[i];
    }

    return url;
},

我的 MVC 动作声明如下所示

public ActionResult ListByPage(int page, int size, List<int> sortColumn, List<string> filterColumn)
{
}
于 2015-07-17T15:28:12.470 回答