Barry on Problem with key:true

Sun, 16 Nov 2008 21:33:44 +0200

I am working with a Grid with a Sub-Grid. I am doing in-line editing using the buttons in the first column. I'm using the code from the example to populate the buttons on the client. Here is a cut n paste of the code:

loadComplete: function(){
        var ids = jQuery("#grid1").getDataIDs();
            for(var i=0; i<ids.length; i++){
            var cl = ids[i];
                be = "<input style='height:22px;width:20px;' type='button' value='E' onclick=jQuery('#grid1').editRow("+cl+",true,pickdates); />";
                se = "<input style='height:22px;width:20px;' type='button' value='S' onclick=jQuery('#grid1').saveRow("+cl+",null,null,{'oper':'edit'}); />";
                ce = "<input style='height:22px;width:20px;' type='button' value='C' onclick=jQuery('#grid1').restoreRow("+cl+"); />";
        jQuery("#grid1").setRowData(ids[i],{act:be+se+ce})
            }
        }

What I am seeing is that when I set "key:true" in the colModel only the first row gets the buttons.

I added this alert inside the loop, alert(be+se+ce). I can see that a call is being made for each row. In fact the call is wrong. Instead of referencing the key column it references the column after the key column.

colNames:['Actions','Match ID','Squad ID','Season ID','Squad','Season','Date','Opponent','Site'],
    colModel:[
        {name:'act',index:'act',width:70,sortable:false},
        {name:'match_id',index:'match_id',hidden:true,width:55,key:false,editable:true,editoptions:{readonly:true,size:10}},
               {name:'squad_id',index:'squad_id',hidden:true,width:55,key:false,editable:true,editoptions:{readonly:true,size:10}},
               {name:'season_id',index:'season_id',hidden:true,width:55,key:false,editable:true,editoptions:{readonly:true,size:10}},
        {name:'squad',index:'squad',width:90,editable:true,edittype:"select",editoptions:{<?=$squad_list?>}},
        {name:'season',index:'season',width:100,editable:true,edittype:"select",editoptions:{<?=$season_list?>}},
        {name:'date',index:'date', width:100, align:"right", editable:true,sorttype:"date"},
        {name:'opponent',index:'opponent', width:150, align:"center", editable:true,editoptions:{size:50}},
        {name:'site',index:'site', width:150,align:"center", editable:true,editoptions:{size:50}}
    ],

Barry

jQuery Grid Plugin - jqGrid - Topic: Problem with key:true

Barry on Problem with key:true