JQgrid:当点击JQgridHeader时,是否有任何事件触发

JQgrid: Is there any event that fires when clicked on JQgrid Header?

本文关键字:是否 任何 事件 JQgridHeader JQgrid      更新时间:2023-11-12

在我的.net应用程序中,我使用Jqgrid生成报告。对于某些报告,我需要显示多个网格;一次只能展开一个网格。

为了做到这一点,我需要知道是否有任何网格标题点击事件可用。

我已经检查了这个事件,我只能看到"onHeaderClick"事件可用。onHeaderClick事件将只触发我们单击每个网格Header右上角的展开或cplapse图标。

感谢您的帮助。

您可以手动将click事件句柄绑定到标头:

var $grid = $("#grid"); // your grid
$($grid[0].grid.cDiv).click(function() {
    // $mygrid will be the same as $grid, but we can use the expression below
    // to be able to use one even handle for multiple grids
    var $mygrid = $(this).closest(".ui-jqgrid-view")
                      .find(">.ui-jqgrid-bdiv>div>.ui-jqgrid-btable"),
        gridstate = $mygrid.jqGrid("getGridParam", "gridstate");
    alert("the header is clicked!'n" +
          "gridstate is now '"" + gridstate + "'"");
});
$grid.bind("jqGridHeaderClick", function (e, gridstate) {
    alert("the icon in the header is clicked!'n" +
          "gridstate is now '"" + gridstate + "'"");
});

如果需要,您可以像演示一样模拟标题中图标的"点击"。

请尝试以下代码:

 $(".ui-th-column").click(() => {
            // To do
  });

列标题上的jqGrid单击事件