色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery datagrid 方法使用

林國瑞2年前10瀏覽0評論

jQuery datagrid是一個數據表格插件,可以幫助我們快速創建復雜的數據表格。在使用jQuery datagrid時,我們需要掌握一些基本的方法。

初始化

$(function () {
$('#datagrid').datagrid({
url: 'data.php',
columns: [[
{ field: 'id', title: 'ID', width: 100 },
{ field: 'name', title: 'Name', width: 100 }
]]
});
});

以上代碼表示創建一個數據表格,數據從data.php中獲取,表格有兩列,ID和Name。

獲取選中的行

var rows = $('#datagrid').datagrid('getSelections');

以上代碼表示獲取選中的行。獲取選中的行后,我們可以進行相應的操作,比如刪除操作。

刷新數據

$('#datagrid').datagrid('reload');

以上代碼表示重新加載數據,刷新數據表格。

設置分頁

$('#datagrid').datagrid('getPager').pagination({
pageSize: 10,
pageList: [10, 20, 30, 40, 50],
beforePageText: '第',
afterPageText: '頁    共 {pages} 頁',
displayMsg: '當前顯示 {from} - {to} 條記錄   共 {total} 條記錄'
});

以上代碼表示設置分頁,每頁顯示10條記錄,可以選擇10、20、30、40、50條記錄。同時,還可以設置分頁控件的顯示信息。

控制表格格式

$('#datagrid').datagrid({
rowStyler: function(index, row){
if (row.status == '1'){
return 'background-color:#ffee00;';
}
}
});

以上代碼表示根據數據的狀態,設置表格的背景色。

以上就是jQuery datagrid的一些基本方法,通過這些方法,我們可以快速創建復雜的數據表格,提高開發效率。