复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://plete:function(){ //在此事件中循环为每一行添加修改和删除链接
var ids=jQuery("#list1").jqGrid('getDataIDs');
for(var i=0; i<ids.length; i++){
var id=ids[i];
modify ="<a href='#' style='color:#f60' onclick='Modify("+ id +")'>修改</a>"; //这里的onclick就是调用了上面的javascript函数 Modify(id)
del ="<a href='#' style='color:#f60' onclick='Delete("+ id +")' >删除</a>";
jQuery("#list1").jqGrid('setRowData', ids[i], { Modify: modify, Delete: del });
}
}
}).navGrid("#pager1",{edit:false,add:false,del:false,search:false});
});
</script>
</head>
<body>
<table id="list1"></table>
<div id="pager1"></div>
<div id="modifyform" title="修改城市资料" style="display:none;"><!-- 该Div的作用就是当点击jqGrid表格中的修改链接时弹出的dialog, 注意是在上面的Modify(id)函数中给下面的input赋值 -->
<p>城市编号：<input type="text" id="txtCityCode"/></p>
<p>城市名称：<input type="text" id="txtCityName"/></p>
<p>所属省份编号：<input type="text" id="txtFID"/></p>
</div>
</body>
</html>
网站建设 IT知识 IT知识教程 一个关于jqGrid使用的小例子(行按钮) 
最新文章
热门文章
猜你喜欢
