2011-09-06 62 views
1

当我看到jqgrid演示时,经常位于jqgrid.behind顶部的列名称是searchtoolbar.Now,我想更改cloumnnames和searchtoolbar的位置。我想将在jqgrid顶部的searchtoolbar。 我看的jqGrid在C#源代码中,我看到了JQgridRenderer.cs,但未能找到有关it.Can代码谁能帮助我?谢谢!关于jqgrid的小问题

回答

0

你的问题在实现中并不那么容易。

你可以试试下面的代码

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); 

其结果是,你将有

enter image description here

看到演示here

它接近你想要的,但是如果你尝试使用sortable: true例如你会收到一些问题,如果不改变一些jqGrid代码就不能修复。所以我不能让上面的代码在所有其他情况下工作。