title: jqgrid dropdown list onclick of icon
body: <p>I am trying to show dropdown list in one cell of jqgrid an onClick of pencil icon(which when click the whole row become editable and dropdown list shows in debit credit )
  below picture shows what i try to do</p>
  <p>my approach is below code what i did
  <img src="https://i.stack.imgur.com/7qCxp.png" alt="enter image description here" /></p>
  <pre><code>''''''''''''''''''''''''gridfucntion''''''''''''''''''''''''''''''''''''''''
  
  function showMinorityEntryData(){
      alert('minoritydatashow');
      if($(&quot;#reportingPeriodId&quot;).val()!=&quot;&quot; &amp;&amp; $(&quot;#parentCmp&quot;).val()!=&quot;&quot;){
          alert('minoritydatashow1111');
      //  $('#masterDiv').show();
           $(&quot;#grid&quot;).jqGrid({
            datatype: 'json',
            url:'showMinorityData.action?companyId='+companyId+&quot;&amp;parentCmp=&quot;+$(&quot;#parentCmp&quot;).val()+&quot;&amp;reportingPeriodId=&quot;+$(&quot;#reportingPeriodId&quot;).val(),
            mtype: 'GET',
               colNames:['Id', 'GlELEMENTNAME', 'Account Type','Pre-Acq-Amount','Share Amount','Actions'],
               colModel:[
                {name:'id',index:'id', width:55,editable:false,editoptions:{readonly:true,size:10},hidden:false,jsonmap:&quot;minorityId&quot;},
                {name:'glElementName',index:'glElementName', width:100,editable:false, editrules:{required:true}, editoptions:{size:10},jsonmap:&quot;glElementName&quot;},
                {name:'accountType',index:'accountType', width:100,editable:true, editrules:{required:true}, edittype:&quot;select&quot;,formatter:'select',editoptions:{ value:  &quot;Debit:Debit;Credit:Credit&quot;},editoptions:{size:10},jsonmap:&quot;acntTypeName&quot;},
                {name:'preAcqAmount',index:'preAcqAmount', width:100,editable:true, editrules:{required:true}, editoptions:{size:10},jsonmap:&quot;preAcqAmt&quot;},
                {name:'shareAmount',index:'shareAmount', width:100,editable:true, editrules:{required:true}, editoptions:{size:10},jsonmap:&quot;shareAmt&quot;},
                {name:'actions',index:'actions', sortable:false,width : 50,align : 'center',formatter:actionIcons}
               ],
               
               postData: {
            },
               rowNum:20,
               rowList:[10,20,40],
               height: 200,
               autowidth: true,
           //    rownumbers: true,
               pager: '#pager',
               sortname: 'minorityId',
               viewrecords: true,
               sortorder: &quot;asc&quot;,
               caption:&quot;Minority Interest&quot;,
               emptyrecords: &quot;Empty records&quot;,
               loadonce: false,
               loadComplete: function() {
            },
               jsonReader : {
                   root: &quot;rows&quot;,
                   page: &quot;page&quot;,
                   total: &quot;total&quot;,
                   records: &quot;records&quot;,
                   repeatitems: false,
                   cell: &quot;cell&quot;,
                   id: &quot;minorityId&quot;
               },
               editurl: 'clientArray',
           });    
      }
  }
  </code></pre>
  <p>i take help from this link <code>http://www.codeproject.com/Articles/610359/JqGrid-Inline-Editing</code></p>
  <p>but when i convert accountType cell in dropdown it doesn't show type of Account type below image shows what happen <img src="https://i.stack.imgur.com/mp602.png" alt="enter image description here" /></p>
  <p>when i click on pencil icon the whole row become editable but in accountype column the dropdown doesn't show any value</p>
  <p><img src="https://i.stack.imgur.com/IK2XV.png" alt="enter image description here" /></p>
  <p>what wrong i did it.
  jqgrid is new for me</p>
  <p>thanks in advance</p>