添加按钮到jqgrid列标题

Question

有没有办法在列标题旁边添加一个按钮？让我们说'排序指标'之后？

举个例子

| Id(按钮)| 名称(按钮)|

提前致谢.

Answer 1

我想你知道你可以在列标题中包含HTML标记.应该只放置HTML片段而不是文本colNames.我想你想在所有列标题中添加带图标的按钮,并在单击按钮时执行一些自定义操作.

您可以通过多种方式实现该要求.在演示中,我展示了许多可能的实现中的一个:

单击自定义按钮时,将显示一个警告,其中显示了单击标题的列的名称.

相应的代码是

var $grid = $("#list");
//... here the grid will be created
$grid.closest("div.ui-jqgrid-view").find("div.ui-jqgrid-hdiv table.ui-jqgrid-htable tr.ui-jqgrid-labels > th.ui-th-column > div.ui-jqgrid-sortable")
    .each(function () {
        $('<button>').css({float: "right", height: "17px"}).appendTo(this).button({
            icons: { primary: "ui-icon-gear" },
            text: false
        }).click(function (e) {
            var idPrefix = "jqgh_" + $grid[0].id + "_",
                thId = $(e.target).closest('div.ui-jqgrid-sortable')[0].id;
            // thId will be like "jqgh_list_name"
            if (thId.substr(0, idPrefix.length) === idPrefix) {
                alert('Clicked the button in the column "' + thId.substr(idPrefix.length) + '"');
                return false;
            }
        });
    });