jQuery Grid Plugin - jqGrid

tony said:

Hello,

How do you create the checkbox? – manually using the formatter or you just set multiselect to true?

Regards

Tony

Hi Tony,

I created the checkbox using java. Below is the code.

No, i didn't use formatter or multiselect. Please let me know if there is better approach to what i am using.

checkbox.append(

"<input type=\\"checkbox\\" ").append("id=\\"purchaseOrder[").append(index).append("]_[").append(count).append("]\\"").append(" "

);

checkbox.append(

"name=\\"selectedOrderValues\\"").append(" ").append("value=\\"").append(element.getPurchaseOrder()).append("\\"").append(" "

);

checkbox.append(

"onclick=\\"javascript:clickParentEvent('").append(index).append("','").append(itemElementSize).append("')").append("\\""

);

checkbox.append(

"/>");

tony said:

Hello,

If you know the id's of both grids you can attach a onclick event to every check box and perform the needed actions

Regards

Tony

Hi Tony,

   This is the way i have resolved the issues.....

   Parent ID : chkPO_<PONumber> as per the application.

   Child ID : chkPOItems_<PONumber>

    <!--   Use JQuery wildcard selector to find all checkboxes which start with poItemId -->
    function togglePOItemsCheckbox(parent) {
    var poItemId = 'chkPOItems_' + parent.id.substr(parent.id.indexOf('_') + 1) + '_';
    $('[id^=' + poItemId + ']input:checkbox').attr('checked', parent.checked);
    }

    function togglePOCheckbox(child) {
    var po = child.id.substring(child.id.indexOf('_') + 1, child.id.lastIndexOf('_'));

    // Check if any of the child checkboxes are checked
    var isChecked = $('[id^=chkPOItems_' + po + ']input:checkbox').is(":checked");

    $('[id^=' + 'chkPO_' + po + ']input:checkbox').attr('checked', isChecked);
    }

and in the subgrid add these lines.

                        gridComplete: function () {
                            // subgrid id contains the po number, remove 'jsonmap_' and '_t' form the id to get po number
                            var po = this.id.substring(this.id.indexOf('_') + 1, this.id.lastIndexOf('_'));                   
                            // Determine if parent check box is checked
                            var isParentChecked = $('[id=' + 'chkPO_' + po + ']input:checkbox').attr('checked');
                            // Set checkboxes in the subgrid
                            $('[id^=' + 'chkPOItems_' + po + '_' + ']input:checkbox').attr('checked', isParentChecked);
                        }

Regards,

Nagendra Kumar Yenugula