复制代 代码如下: jqGrid の JSON データ表示 <br>body{font-size:12px;} <br> <br>function Modify(id) { //单击修正链接操作 <br>var model = jQuery("#list1").jqGrid('getRowData', id); <br>//alert(model.Id); <br>$("#txtCityCode").val(model.Code); <br>$("#txtCityName").val(モデル.名前); <br>$("#txtFID").val(model.Fid); <br>$("#modifyform").dialog({ <br>height:230, <br>width:400, <br>resizable:false, <br>modal:true, //这里就是制御弹出模态 <br>ボタン:{ <br>"确定":function(){ <br>alert("在这里对数据修正!"); <br>$(this).dialog("close"); 🎜>}, <br>"取消":function(){$(this).dialog("close");} <br>} <br>}); <br>} <br>function Delete(id) { //单击删除链接的操作 <br>alert("在此処执行异步删除操作,今回点击了idは " id " 的行!"); <br>} <br>$(document).ready(function(){ <br>$("#list1").jqGrid({ <br>url:'JsonDataHandler2.aspx', <br>datatype:"json ", <br>mtype:'GET', <br>height:200, <br>colNames:['编号','城市编号','城市名','所属省份编号','修正','删除'], //注意在colNamesとcolModel中不要な忘れ记加修正和删除这两列 <br>colModel:[ <br>{name:'Id',index:'Id',width:55}, <br>{名前:'コード',インデックス:'コード',幅:100}, <br>{名前:'名前',インデックス:'名前',幅:180,sortable:false}, <br>{名前: 'Fid',index:'Fid',width:180}, <br>{name:'Modify',index:'Id',width:80,align:"center",sortable:false}, <br>{ name:'削除',index:'Id',width:80,align:'center',sortable:false} <br>], <br>//autowidth:true, <br>jsonReader:{ <br>page :"page", <br>total:"total", <br>repeatitems:false, <br>id:"Id" <br>}, <br>pager:jQuery('#pager1'), <br> rowNum:20、<br>rowList:[10,20,30]、<br>sortname:'Id'、<br>sortorder:'asc'、<br>viewrecords:true、<br>caption:'jqGrid の使用JSONデータ架测试', <br>gridComplete:function(){ //このイベント中循環のために一行追加修改および删除链接 <br>var ids=jQuery("#list1").jqGrid('getDataIDs'); <br>for(var i=0; i<ids.length i>var id=ids[i]; <br>modify ="<a href='#' style='color:# f60' onclick='Modify(" id ")'>修正</a>"; // ここの onclick は上面の javascript 関数 Modify(id) <br>del ="<a href='#' style='color:#f60' onclick='Delete(" id ")' >删除</a>"; <br>jQuery("#list1").jqGrid('setRowData', ids[i], { 変更: 変更, 削除: del }); <br>} <br>} <br>}).navGrid("#pager1",{edit:false,add:false,del:false,search:false}); <br><br>}); <br> 城市编号: 城市名: 所属省份编号: