JQgrid:单击JQgrid Header时是否有任何事件触发?

时间:2013-11-27 09:00:36

标签: javascript jquery jqgrid

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

为此,我需要知道是否有任何Grid标头点击事件可用。

我检查了这个事件,我只能看到“onHeaderClick”事件。 onHeaderClick事件只会点击每个网格标题右上角的展开或cplapse图标。

感谢任何帮助。

2 个答案:

答案 0 :(得分:2)

您可以手动将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 + "\"");
});

如果需要,您可以像标题the demo那样模拟标题中的“点击”。

答案 1 :(得分:0)

请尝试以下代码:

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

jqGrid on column header click event