mardi 19 avril 2016

jqGrid - make multiselect checkbox checked when I click on another checkbox inside grid

In my grid functionlity, I want to make multiselect checkbox checked whenever I click on any of the checkboxes inside my grid. Here is my grid code :

var el = jQuery("#GridId"),
    gridWidth = calculateWidth(null,null,el);
el.jqGrid({
    datatype: 'local' ,
    caption: localeHolder['List_View'],
    hidegrid : false,
    mtype : 'POST',
    autowidth: true,
    height: calculateHeight(el),
    width:gridWidth,
    rowNum: 30,
    colNames:[localeHolder['T1'],localeHolder['T2'],localeHolder['T3'],localeHolder['T4'],localeHolder['T5']],
    colModel:[
              {name:'t1',index:'t1.id1',searchtype:"String", align:"left",hidden:false,width:calculateWidth(20,gridWidth,null),
                      searchtype:"String", searchoptions:{sopt:['eq','ne','le','lt','gt','ge']}},
              {name:'t2',index:'t1.id2',searchtype:"String", sortable:true,width:calculateWidth(30,gridWidth,null),
                      //formatter:function (cellvalue, options, rowObject){ return formatTypeRequiredSpecialCharacterNotAllowedTextBox(options, rowObject,'t2',50,true,"onClickEventOnGrid("+ options.rowId +")");}
                      },
              {name:'t3',index:'t1.id3',searchtype:"String", align:"left", sortable:true,width:calculateWidth(60,gridWidth,null),
                      searchtype:"String",searchoptions:{sopt:['cn','bw','ew','eq','ne']}},
              {name:'t4',index:'t1.id4', /*align:"center",*/ sortable:true,width:calculateWidth(20,gridWidth,null),
                          formatter:function (cellvalue, options, rowObject){ return formatTypeCheckBox(options, rowObject,'t2',true,"onClickEventOnGrid("+ options.rowId +")");},
                          searchtype:"String",searchoptions:{sopt:['cn','bw','ew','eq','ne']}},
              {name:'t5',index:'t1.id5', /*align:"center",*/ sortable:true,width:calculateWidth(20,gridWidth,null),
                          formatter:function (cellvalue, options, rowObject){ return formatTypeCheckBox(options, rowObject,'t2',true,"onClickEventOnGrid("+ options.rowId +")");},
                          searchtype:"String",searchoptions:{sopt:['cn','bw','ew','eq','ne']}}
              ],
    multiselect: true,
    pager: '#GridPagerId',
    sortname: 't1',
    sortorder: "asc", 
    viewrecords : true,
    emptyrecords : localeHolder['no_result_found'],
    loadonce : false,
    altRows:true,
    altclass:'altRow',
    hoverrows: true,
    ignoreCase: true,
    gridview: true,

    onPaging: function(pgButton) {
        return onPageEventInGrid("GridId","GridPagerId",pgButton);
    },
    beforeSelectRow: function(rowid, e){
        return(true);
    },
    onSelectRow:function() {

        return(true);
    },
    onSortCol: function () {

    },
    beforeRequest : function(){

    },
    loadComplete : function() {


    },
    loadError : function(error) {
        openErrorDialog(GRID_ERROR);
    },
    jsonReader : {
        root : "gridRecords",
        page : "page",
        total : "total",
        records : "records",
        repeatitems : false,
        cell : "cell"
    }

so whenever I click on T4 or T5. Multislect checkbox should get checked ?

Aucun commentaire:

Enregistrer un commentaire