How to select jqGrid row on checkbox click?

Question

Below is my code for jqGrid, i'd like to select row or highlight the current row, when i `check` a particular checkbox inside jqgrid row. right now `onSelectRow` I am making the checkbox get checked. ``` var xmlDoc = $.parseXML(xml); $('#configDiv').empty(); $('

') .attr('id','configDetailsGrid') .html('

'+ '

') .appendTo('#configDiv'); var grid = jQuery("#list1"); grid.jqGrid({ datastr : xml, datatype: 'xmlstring', colNames:['cfgId','','Name', 'Host', 'Description','Product', 'Type', 'Last Updated Time','Last Updated By',''], colModel:[ {name:'cfgId',index:'cfgId', width:90, align:"right", hidden:true}, {name:'',index:'', width:15, align:"right",edittype:'checkbox',formatter: "checkbox",editoptions: { value:"True:False"},editable:true,formatoptions: {disabled : false}}, {name:'cfgName',index:'cfgName', width:90, align:"right"}, {name:'hostname',index:'hostname', width:90, align:"right"}, {name:'…

Accepted Answer

Put this at the and of your JS code in order to run selection when clicking a checkbox

```
$("#list1").find('input[type=checkbox]').each(function() {
    $(this).change( function(){
        var colid = $(this).parents('tr:last').attr('id');
        if( $(this).is(':checked')) {
           $("#list1").jqGrid('setSelection', colid );
           $(this).prop('checked',true);
        }
        return true;
    });
});
```

example UPDATED AGAIN: http://jsfiddle.net/vCWNP/

edit: this also should be done every time a new row is added. let me know if something else is to be fixed ;]

How to select jqGrid row on checkbox click?

Solution

Problem

Related problems