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

jquery datagrid 整理

洪振霞2年前10瀏覽0評論

JQuery Datagrid 是一個常用的JavaScript表格插件,它可以幫助開發者在Web應用程序中創建靈活、交互式的表格控件。使用JQuery Datagrid 插件能夠簡化表格設計、查詢、排序、分頁和導航的過程。下面是一些有關JQuery Datagrid的整理和筆記。

//引入JQuery和JQuery Datagrid插件
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="jquery.easyui.min.js"></script>
//創建Datagrid控件
$('#dg').datagrid({
url: 'datagrid_data.json',   //json數據源
rownumbers:true,            //行號列
striped:true,                //交替行顏色
pagination:true,            //分頁控件
pageSize:20,                //每頁顯示的數據量
pageList:[10,20,30,50],     //選擇每頁記錄數的下拉菜單
columns:[[                   //列定義
{field:'name',title:'名字',width:100},
{field:'age',title:'年齡',width:50,align:'right'}
]]
});

在使用Datagrid插件時需要注意,數據源的格式一般是JSON格式,例如:

[
{"name":"張三","age":20},
{"name":"李四","age":25},
{"name":"王五","age":30},
{"name":"趙六","age":35},
{"name":"錢七","age":40}
]

在Datagrid控件中定義的每一列都包括了一個字段、標題、寬度和對齊方式。具體而言,字段表示JSON格式中的鍵名,標題表示該列的名稱,寬度表示該列的寬度,對齊方式表示該列中內容的對齊方式(支持left、center和right)。

Datagrid插件還支持對數據進行查詢、排序和篩選。例如:

//對數據進行查詢
$("#dg").datagrid('load',{
name:'張三',   //查詢條件
age:20
});
//對數據進行排序
$("#dg").datagrid({
sortName:'age',   //按照年齡排序
sortOrder:'desc'   //倒序輸出
});
//對數據進行篩選
$("#dg").datagrid({
view:beGetFilterView,   //定義視圖類型
filterBtnText:'篩選',   //篩選按鈕名稱
filterDelay:500          //篩選延遲時間
});

當需要使用Datagrid插件時,開發者可以通過下載官方版本或訪問官方文檔進行了解和學習。同時,其他社區的教程和示例代碼也可以為開發者提供一定的幫助。