我應該將排序順序圖標添加到Ajax WebGrid。以下方法有效：排序順序圖標。如何在一個地方修改WebGrid標題？
grid.Column("Name", string.Format("Name {0}", grid.SortColumn == "Name" ? grid.SortDirection == SortDirection.Ascending ? "▼" : "▲" : "")
但是應該應用於每一列。
是否有任何其他方法將排序指標添加到排序列在一個地方？例如，在grid.GetHtml（）之後修改網格。
您已經找到使用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這個。
我發現這一點的代碼方便。你只要把它放在grid.GetHtml後：
@{
if(!string.IsNullOrWhiteSpace(grid.SortColumn))
{
<script type="text/javascript">
$('thead > tr > th > a[href*="[email protected]"]').parent().append('@(grid.SortDirection == SortDirection.Ascending ? "▲" : "▼")');
</script>
}
}