ajax - 排序顺序图标。如何在一处修改WebGrid header？

Question

我应该向 Ajax WebGrid 添加排序顺序图标。以下方法有效:

grid.Column("Name", string.Format("Name {0}", grid.SortColumn == "Name" ? grid.SortDirection == SortDirection.Ascending ? "▼" : "▲" : "")

但应应用于每一列。

是否有任何其他方法可以在一个地方仅向已排序的列添加排序指示符？比如在grid.GetHtml()之后修改grid。

Answer 1

您已经找到了使用 WebGrid API 的唯一方法。但是，您可以使用 jQuery 在事后应用排序箭头。您可以使用隐藏字段来存储 WebGrid.SortDirection 和 WebGrid.SortColumn 值。然后，您可以使用 ajaxUpdateCallback 参数来指定在异步更新网格后调用的函数，并在该方法中，根据隐藏字段值设置箭头:

function setArrows() {
    var dir = $('#dir').val(); //hidden field value
    var col = $('#col').val(); //hidden field value
    var header = $('th a[href*=' + col + ']');
    if (dir == 'Ascending') {
        header.text(header.text() + ' ▲');
    }
    if (dir == 'Descending') {
        header.text(header.text() + ' ▼');
    }
};

我刚刚 written an article关于这个。