关于jqgrid的小问题

Question

当我看到jqgrid演示时，经常在jqgrid.behind顶部的列名是searchtoolbar.Now，我想改变cloumnnames和searchtoolbar的位置。我想将searchtoolbar放在顶部jqgrid。 我在C＃中查看了jqgrid的源代码，我看到了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);

结果你将有

参见演示here。

它接近您想要的，但是如果您尝试使用sortable: true，例如，您将收到无法在不更改某些jqGrid代码的情况下修复的问题。因此，我无法承认上述代码将适用于所有其他情况。