jQuery Grid Plugin - jqGrid

when am adding multiselect with rowedit ,row edit is not working.

my code is as follows

<script type="text/javascript">

var myGrid;

jQuery(document).ready(function(){
  
  var lastsel;
  
  jQuery("#list").jqGrid({
  
    url:'example.asp?q=1',
    datatype: 'xml',
    mtype: 'GET',
    subGrid:true,
    height:212,
    colNames:['act','Sup Id','Name','ContactName','City', 'Country'],     
    colModel :[
     {name:'act', index:'act', width:65, search:false},
     {name:'SupplierID', index:'SupplierID', width:65, sorttype:'int'},
     {name:'CompanyName', index:'CompanyName', width:250, editable: true, editoptions:{size:"20",maxlength:"30"}, sorttype:'int'},
     {name:'ContactName', index:'ContactName', width:100, align:'right'},
     {name:'City', index:'City', width:100, editable: true, edittype: "select", editoptions: {value: getValue() }},
     {name:'Country', index:'Country', hidden: true, editable: true, editoptions:{size:"20",maxlength:"30"}, editrules:{edithidden:true, required:true}}      
    ],
    
    pager: jQuery('#pager'),
    
    rowheight:'100%',
    rowNum:5,
    rowList:[10,20,30],
    sortname: 'CompanyName',
    sortorder: "desc",
    viewrecords: true,
    multiselect:true,
    cellEdit:true,
    subGrid: true,
    subGridUrl : "example11.asp",
    subGridModel :[ { name: ['act', 'Sup', 'Name', 'ContactName', 'City','Country'],
    width : [100, 100, 100,100, 100,100], params: ['SupplierID'] } ],
   
    
    onSelectRow: function(id){    
    
          
     var s;
     s = jQuery("#list").getGridParam('selarrrow');
     
     for(var i=0; i < s.length; i++)
     {
      if(s[i] && s[i]!==lastsel){
      jQuery('#list').restoreRow(lastsel);      
      lastsel=s[i];
      }      
      jQuery('#list').editRow(s[i],true);
     } 
     
    },        
     
    loadComplete: function(){
     var ids = jQuery("#list").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('#list').editRow("+cl+"); >";
      se = "<input style='height:22px;width:20px;' type='button' value='S' onclick=jQuery('#list').saveRow("+cl+"); />";
      ce = "<input style='height:22px;width:20px;' type='button' value='C' onclick=jQuery('#list').restoreRow("+cl+"); />";
      de = "<input style='height:22px;width:20px;' type='button' value='D' onclick=jQuery('#list').delGridRow("+cl+"); />";
      jQuery("#list").setRowData(ids[i],{act:be+se+ce+de})
     } 
    }, 
        
    imgpath: 'themes/coffee/images',
    caption: 'SUPPLIER TABLE'
    
  }).navGrid('#pager',
    {}, //options
    {height:380, width: 500, reloadAfterSubmit:true}, // edit options
    {height:280,reloadAfterSubmit:true}, // add options
    {height:180, width: 300, reloadAfterSubmit:true}, // del options
    {} // search options
   );  
  
  //jQuery("#t_s1list").height(25).hide().filterGrid("#list",{gridModel:true,gridToolbar:true});
   
  jQuery.jgrid.del = {
  top:100,left:700,
   url: 'delete.asp',
   caption: "MKP Delete",
   msg: "Delete selected record(sss)?",
   bSubmit: "Delete Rec",
   bCancel: "Cancel",
   processData: "Processing..."
   //afterSubmit: function(msg){alert("asdasd"); return true;} 
  };

  jQuery.jgrid.edit = {
   url: 'edit.asp',
   editCaption: "Edit Record",
   addCaption: "Add Record",
   msg: "Edit selected record(s)?",
   bSubmit: "Save",
   bCancel: "Cancel",
   postData:[{Country:'India'}],   
   processData: "Processing..."
   //afterSubmit: function(msg){alert("asdasd"); return true;} 
  };
  jQuery("#list").sortGrid("CompanyName",true);

});

function checksave(result) {
 if (result=="") {alert("Update is missing!"); return false;}
 return true;
}

function getValue(){
 var html1 = $.ajax({
  url: "select.asp",
  async: false
 }).responseText;
 
 return html1;
}