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

jquery mmgrid

李中冰1年前10瀏覽0評論

jQuery mmGrid是一款輕量級的數據表格插件,它有非常高的性能和兼容性,同時擁有豐富的功能和配置選項。它可以通過AJAX動態加載數據,支持分頁、排序、過濾、拖拽等操作。在本文中,我們將介紹如何使用jQuery mmGrid插件。

//引入jQuery和mmGrid插件以及樣式文件
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="mmGrid.min.js"></script>
<link rel="stylesheet" type="text/css" href="mmGrid.css">
//創建數據表格
$('#grid').mmGrid({
height: 400,
cols: [
{title:'ID', name:'id'},
{title:'名稱', name:'name'},
{title:'年齡', name:'age'},
{title:'性別', name:'sex', renderer:function(val){
return val==1?'男':'女'
}},
{title:'操作', name:'operation', align:'center', renderer:function(val){
return '<a href="#">編輯</a>      <a href="#">刪除</a>';
}}
],
url: 'data.json',
method: 'POST',
params: {
//將額外的請求參數添加到AJAX請求中
token: '123456'
},
cache: false,
nowrap: true,
autoLoad: true,
plugins: [
$('#pager').mmPaginator({})
]
});

上面的代碼展示了如何創建一個基本的數據表格。我們首先將數據表格綁定到一個id為"grid"的DIV標簽中。然后我們定義了數據表格的一些屬性,如高度、列定義、數據接口、請求方式、請求參數等等。最后,我們還可以添加插件,如分頁插件。

如果需要重新加載數據表格,可以調用reload方法:

//重新加載數據
$('#grid').mmGrid('reload');

如果需要獲取選中的行數據,可以調用getSelection方法:

//獲取選中的行數據
var selected = $('#grid').mmGrid('getSelection');

使用jQuery mmGrid可以輕松地創建強大的數據表格,其高性能和可擴展性也非常值得推薦。