jqgrid 행의 삭제 버튼 수정

Question

데이터 격자에 jqgrid를 사용합니다.

행을 클릭하는 대신 편집 버튼과 삭제 버튼을 사용하여 각 행을 수정하고 삭제하고 싶습니다.

이

$(function(){ 
var lastsel2 
$("#list").jqGrid({      
url:'example.php', 
datatype: 'xml', 
mtype: 'GET', 
colNames:['id','name', 'status'], 
colModel :[ 
{name:'id', index:'id', width:155}, 
{name:'name', index:'name', width:190, editable: true}, 
{name:'status', index:'status', width:180, align:'right', editable: true},       
],  

onSelectRow: function(id){ 
//if(appid && appid!==lastsel2){ 
if (id && id !== lastsel2){ 
jQuery('#list').restoreRow(lastsel2); 
jQuery('#list').editRow(id,true); 
lastsel2=id; 
}      
}, 
editurl: "example.php", 
pager: '#pager', 
rowNum:10, 
rowList:[10,20,30], 
sortname: 'appid', 
sortorder: 'desc', 
viewrecords: true, 
gridview: true, 
caption: 'My first grid' 
}); 
}); 

HTML 코드가

<table id="list"><tr><td> </td></tr></table> 
<div id="pager"></div> 

메신저 이미지를 부착,

Answer 1

내가 무슨 짓을 :

이

• 각 행은 액션
포함됩니다 여기 는 jQuery 코드입니다
• 작업에는 편집 또는 삭제와 같은 작업이 포함될 수 있습니다.

이 내 코드

jQuery("#list4"). 
     jqGrid(
      { datatype: "local" 
      , height: 250 
      , colNames:['Action','Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'] 
      , colModel: 
       [ {name:'action', width:30 } 
       , {name:'id',index:'id', width:60, sorttype:"int"} 
       , {name:'invdate',index:'invdate', width:90, sorttype:"date",editable:true} 
       , {name:'name',index:'name', width:100,editable:true} 
       , {name:'amount',index:'amount', width:80, align:"right",sorttype:"float",editable:true} 
       , {name:'tax',index:'tax', width:80, align:"right",sorttype:"float",editable:true} 
       , {name:'total',index:'total', width:80,align:"right",sorttype:"float",editable:true} 
       , {name:'note',index:'note', width:150, sortable:false,editable:true} 
       ] 

입니다 ...

And populate data, it should contain such as: 
action:"<a title='save' class='ui-pg-div ui-pg-button ui-corner-all' style='display:block; border:0px none' href='javascript:saveInLineRow(\"list4\")'><span class='ui-icon ui-icon-plus'></span></a>"