CheckBox Image作为jqxGrid中的一列

时间:2012-04-27 22:22:24

标签: jquery checkbox jqxgrid

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

这是复选框Image

的列设置
        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函数中,我将根据clase名称替换源代码。如果显示复选标记图像,则显示空图像。 单击单元格时,此单击事件似乎会触发..但是当单击cloumnHeader时,由于某些未知原因,单击事件未被触发..有人可以帮助我...

我也尝试了'columnclick',但是没有效果......谢谢

1 个答案:

答案 0 :(得分:0)

这对我有用:

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

请参阅: http://www.jqwidgets.com/jquery-widgets-demo/#demos/jqxgrid/customrowsselection.htm