jquery - CheckBox 图像作为 jqxGrid 中的列

Question

我正在使用 jqxGrid 插件在网格中显示数据。我有 4 列，其中之一是 CheckBox 图像列...

这是我的复选框图像的列设置

        columns: [ // Column names
                  {text: '', datafield: 'Check', editable: false, width: colWidth * 0.3, cellsrenderer:   function(row, column, value) {
                     return '<span style="margin:4px;float:left"           
                                  onclick="clickImage(this)"><img class="image-unchecked" 
                                          src="../../Images/checkbox_off.png"/></span>'
}, renderer: function(value) {
                    return '<span style="margin:4px;float:left" onclick="clickImage(this)">
                      <img class="image-unchecked" src="../../Images/checkbox_off.png"/></span>'}
]

在 clickImage 函数中，我根据类名称替换源。如果在显示的复选标记图像上，则显示空图像。当单击单元格时，此单击事件似乎会触发..但是当单击 cloumnHeader 时，由于某种未知原因没有触发单击事件..有人可以帮助我吗..

我也尝试过不起作用的“columnclick”......谢谢

Answer 1

这对我有用：

$("#jqxgrid").bind('columnclick', function (event) {
    var column = event.args.datafield;
    alert(column);
}

见： http ://www.jqwidgets.com/jquery-widgets-demo/#demos/jqxgrid/customrowsselection.htm