jQuery jqGrid是一款優秀的表格插件,它可以將數據以表格的形式清晰明了地展現出來,而且還提供了許多列排序、搜素、分頁的功能。在實現數據表格的時候,jQuery jqGrid中的方法非常重要。
下面將介紹一些常用的jQuery jqGrid方法:
//創建jqGrid表格 $(function(){ $("#table").jqGrid({ url:'url', datatype: 'json', colNames:['列1','列2','列3'], colModel:[ {name:'name1', index:'index1', width:100}, {name:'name2', index:'index2', width:100}, {name:'name3', index:'index3', width:100} ], rowNum:10, rowList:[10,20,30], pager: '#pager', sortname: 'index1', viewrecords: true, sortorder: "desc", caption:"表格標題", width:"100%" }); }); //重新加載表格 $("#table").jqGrid().trigger("reloadGrid"); //獲取當前選中的行數據 var rowData = $("#table").jqGrid("getRowData", rowid); //獲取多選行的id數組 var ids = $("#table").jqGrid('getGridParam', 'selarrrow'); //設置表格行高亮 $("#table").jqGrid('setSelection',rowid, true); //刪除表格中的一行 $("#table").jqGrid("delRowData", rowid);
以上是一些常用的jQuery jqGrid方法,學會這些方法可以使我們更好地使用和掌控jqGrid,更加方便的開發網站。
上一篇網頁制作css首行縮進
下一篇mysql命令行輸入中文