Question

我的页面上有几个jqgrid，想让它们变得柔和。所以我想将右上角的图标替换为X并在其上绑定close事件。任何想法？

Answer 1

如果您真的需要能够关闭网格（隐藏它）以便让用户重新打开网格，您可以执行以下操作：

1）您可以在onHeaderClick回调中实现关闭/隐藏网格：

onHeaderClick: function () {
    $(this).closest('.ui-jqgrid').hide('blind', {}, 500);
}

2）您可以通过以下代码替换捕获右侧的标准最小化图标：

$('#gview_' + $.jgrid.jqID($grid[0].id) + ' .ui-jqgrid-titlebar-close>span')
    .removeClass('ui-icon-circle-triangle-n')
    .addClass('ui-icon-closethick');

其中$grid定义为var $grid = $('#list');并代表网格。表达式'#gview_' + $.jgrid.jqID($grid[0].id)将出现在'#gview_list'的情况中。仅当网格ID（上例中的“列表”）包含一些meta-characters时，$.jgrid.jqID($grid[0].id)的使用才有意义。

相应的演示，您可以看到here。

如何在jqgrid的顶部放置一个关闭图标？

1 个答案: