jqgrid treegrid中的自定义图标

Question

对于treegrid，目前似乎禁用了Pager功能。但我想添加一些自定义图标，如导出图标，刷新到顶部分页，如下所示。是否还有其他替代方法可以为treegrid实现此功能。提前谢谢......

Answer 1

首先，我建议您阅读the answer，其中介绍了如何向网格添加toppager。你可以用树格做同样的事情。

toppager的id将从网格id构造。例如，如果网格id是＆＃34; treegrid＆＃34;，那么toppager的id将是＆＃34; treegrid_toppager＆＃34;。寻呼机将保存树形部分：左，中，右。因为树网格的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上看到的结果：