jqgrid treegrid中的自定義圖標

Question

看起來，Pager功能目前在treegrid中被禁用。但我想添加一些自定義圖標，如導出圖標，刷新到頂部分頁，如下所示。是否還有其他替代方法可以爲treegrid實現此功能。在此先感謝...

Answer 1

首先，我會建議您閱讀the answer其中描述如何添加到網格的toppager。你可以用樹形網格來做同樣的事情。

toppager的ID將從網格ID構建。如果網格ID例如是「treegrid」，那麼toppager的id將是「treegrid_toppager」。尋呼機將保持樹部分：左，中，右。因爲樹網格的toppager將永遠空的，你可以在尋呼機保存的地方，如果你刪除或隱藏中心部分：

$('#treegrid_toppager_center').hide(); 

下提高文本的位置在導航欄中，您可以存檔如果你要包含<span>元素中的文本，你可以自己定義哪些CSS樣式。例如

$grid.jqGrid('navGrid', '#treegrid_toppager', 
    {add: false, edit: false, del: false, search: false, 
     refreshtext: '<span class="ui-pg-text">Refresh</span>'}); 
$grid.jqGrid('navButtonAdd', '#treegrid_toppager', { 
    caption: '<span class="ui-pg-text">Columns</span>', 
    buttonicon: "ui-icon-wrench", 
    onClickButton: function() { 
     this.jqGrid("columnChooser"); 
    } 
}); 

和

.ui-jqgrid-toppager .navtable .ui-pg-div .ui-pg-text { 
    position: relative; 
    top: 1px; 
    padding-right: 3px; 
    float: left; 
} 

此外，我找到更好的，包括一個多個附加CSS定義

.ui-jqgrid-toppager .navtable { 
    padding-top: 1px; 
    padding-bottom: 0px; 
} 

可以稍微改善toppager按鈕的位置。

結果你可以看到the following demo：