небольшой вопрос о jqgrid

Question

Когда я вижу демонстрацию jqgrid, имена столбцов часто находятся в верхней части jqgrid. За ним стоит searchtoolbar. Теперь я хочу изменить положение имен cloumnnames и searchtoolbar. Я хочу поместить панель searchtoolbar вверху jqgrid. Я смотрю на исходный код jqgrid в C #, и я вижу JQgridRenderer.cs, но не могу найти код об этом. Может ли кто-нибудь мне помочь? Спасибо!

Answer 1

Ваш вопрос не так прост в реализации.

Вы можете попробовать следующий код

var grid = $("#list"), i, 
    $htableTHead = grid.closest('div.ui-jqgrid-view')
        .find('table.ui-jqgrid-htable>thead'),
    $lables = $htableTHead.children('tr.ui-jqgrid-labels'),
    $thColumn = $lables.children('th'),
    $searchToolbar = $htableTHead.children('tr.ui-search-toolbar'),
    $thToolbar = $searchToolbar.children('th'),
    l = Math.min($thToolbar.length, $thColumn.length),
    h = grid[0].grid.headers;

for (i = 0; i < l; i += 1) {
    $thToolbar[i].style.cssText = $thColumn[i].style.cssText;
    $thColumn[i].style.cssText = "";
    h[i].el = $thToolbar[i];
}
$htableTHead.children('tr.ui-search-toolbar').prependTo($htableTHead);

В результате вы получите

см. Демо здесь .

Это близко к тому, что вы хотите, но если вы попытаетесь использовать sortable: true, например, вы получите проблемы, которые не могут бытьисправлено без изменения некоторого кода jqGrid.Поэтому я не могу допустить, чтобы приведенный выше код работал во всех других ситуациях.