《jqueryeasyuidatagrid數(shù)據(jù)表格》由會(huì)員上傳分享，免費(fèi)在線(xiàn)閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。

1、JqueryeasyuiDataGrid數(shù)據(jù)表格擴(kuò)展自$.fn.panel.defaults，用$.fn.datagrid.defaults重寫(xiě)了defaults。依賴(lài)·panel·resizable·linkbutton·pagination用法1.1.$('#tt').datagrid({2.url:'datagrid_data.json',3.columns:[[4.{field:'code',title:'Code',width:100},5.{field:'name

2、',title:'Name',width:100},6.{field:'price',title:'Price',width:100,align:'right'}7.]]8.});數(shù)據(jù)表格（DataGrid）的特性其特性擴(kuò)展自panel，下列是為datagrid增加的特性。名稱(chēng)類(lèi)型說(shuō)明默認(rèn)值columnsarraydatagrid的column的配置對(duì)象，更多詳細(xì)請(qǐng)參見(jiàn)column的特性。nullfrozenColumnsarray和列的特性一樣，但是這些列將被凍結(jié)在左邊。nullfitColumnsbooleanTr

3、ue就會(huì)自動(dòng)擴(kuò)大或縮小列的尺寸以適應(yīng)表格的寬度并且防止水平滾動(dòng)。falsestripedbooleanTrue就把行條紋化。（即奇偶行使用不同背景色）falsemethodstring請(qǐng)求遠(yuǎn)程數(shù)據(jù)的method類(lèi)型。postnowrapbooleanTrue就會(huì)把數(shù)據(jù)顯示在一行里。trueidFieldstring標(biāo)識(shí)字段。nullurlstring從遠(yuǎn)程站點(diǎn)請(qǐng)求數(shù)據(jù)的URL。nullloadMsgstring當(dāng)從遠(yuǎn)程站點(diǎn)加載數(shù)據(jù)時(shí)，顯示的提示信息。Processing,pleasewait…paginationboo

4、leanTrue就會(huì)在datagrid的底部顯示分頁(yè)欄。falserownumbersbooleanTrue就會(huì)顯示行號(hào)的列。falsesingleSelectbooleanTrue就會(huì)只允許選中一行。falsepageNumbernumber當(dāng)設(shè)置了pagination特性時(shí)，初始化頁(yè)碼。1pageSizenumber當(dāng)設(shè)置了pagination特性時(shí)，初始化頁(yè)碼尺寸。10pageListarray當(dāng)設(shè)置了pagination特性時(shí)，初始化頁(yè)面尺寸的選擇列表。[10,20,30,40,50]queryParamsob

5、ject當(dāng)請(qǐng)求遠(yuǎn)程數(shù)據(jù)時(shí)，發(fā)送的額外參數(shù)。{}sortNamestring定義可以排序的列。nullsortOrderstring定義列的排序順序，只能用'asc'或'desc'。ascremoteSortboolean定義是否從服務(wù)器給數(shù)據(jù)排序。trueshowFooterboolean定義是否顯示一行頁(yè)腳。falserowStylerfunction返回例如'background:red'的樣式，該函數(shù)需要兩個(gè)參數(shù)：rowIndex：行的索引，從0開(kāi)始。rowData：此行相應(yīng)的記錄。loadFilterfunct

6、ion返回過(guò)濾的數(shù)據(jù)去顯示。這個(gè)函數(shù)需要一個(gè)參數(shù)'data'，表示原始數(shù)據(jù)。你可以把原始數(shù)據(jù)變成標(biāo)準(zhǔn)數(shù)據(jù)格式，此函數(shù)必須返回標(biāo)準(zhǔn)數(shù)據(jù)對(duì)象，含有'total'和'rows'特性。editorsobject定義編輯行時(shí)的editor。預(yù)定義的editorviewobject定義datagrid的view。默認(rèn)的view列（Column）的特性DataGrid的Column是一個(gè)數(shù)組對(duì)象，它的每個(gè)元素也是一個(gè)數(shù)組。數(shù)組元素的元素是一個(gè)配置對(duì)象，它定義了每個(gè)列的字段。代碼示例：1.columns:[[2.{field:'ite

7、mid',title:'ItemID',rowspan:2,width:80,sortable:true},3.{field:'productid',title:'ProductID',rowspan:2,width:80,sortable:true},4.{title:'ItemDetails',colspan:4}5.],[6.{field:'listprice',title:'ListPrice',width:80,align:'right',sortable:true},7.{field:'unitcost',

8、title:'UnitCost',width:80,align:'right',sortable:true},8.{field:'attr1',title:'Attribute',width:100},9.{field:'status',title:'Status',width:60}10.]]名稱(chēng)類(lèi)型說(shuō)明默認(rèn)值titlestri