0

データグリッドに jqgrid を使用しています。

行をクリックする代わりに、編集ボタンと削除ボタンを使用して各行を編集および削除したい。jqueryコードは次のとおりです。

 $(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>

ここに画像の説明を入力 画像を添付しております、

4

1 に答える 1

0

私がしたこと：

  • 各行にはアクションが含まれます
  • アクションには、編集や削除などの操作を含めることができます。

これは私のコードです

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>"
于 2013-04-18T01:12:38.203 に答える