Изображение CheckBox как столбец в jqxGrid

Я использую плагин 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', который не работает... Спасибо.


person Sushanth --    schedule 27.04.2012    source источник


Ответы (1)


Это работает для меня:

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

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

person Liazy    schedule 06.07.2012