2011-09-06 2 views
1

jqgrid 데모를 볼 때 jqgrid.behind 상단에있는 열 이름은 종종 searchtoolbar입니다. 이제 cloumnnames 및 searchtoolbar의 위치를 ​​변경하고 싶습니다. jqgrid 맨 위에있는 searchtoolbar. C#에서 jqgrid의 소스 코드를 보면 JQgridRenderer.cs가 있지만 it.Can에 대한 코드를 찾지 못했습니다. 아무도 도와 줄 수 있습니까? 감사합니다!jqgrid에 대한 작은 질문

답변

0

구현에 그리 쉬운 질문이 없습니다.

당신은 당신이

enter image description here

데모 here을 볼 수있을 것이다 결과적으로 다음 코드

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 코드를 변경하지 않으면 해결할 수없는 문제가 발생합니다. 그래서 위의 코드가 다른 모든 상황에서 작동 할 수는 없습니다.