資源描述：
《JQuery Easy Ui dataGrid 數(shù)據(jù)表格》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、JQueryEasyUidataGrid數(shù)據(jù)表格數(shù)據(jù)表格-DataGrid內(nèi)容·概況?·使用方法?·數(shù)據(jù)表格屬性?·數(shù)據(jù)列屬性?·編輯?·數(shù)據(jù)視圖?·事件?·方法?繼承$.fn.panel.defaults，使用$.fn.datagrid.defaults重載默認(rèn)值。.數(shù)據(jù)表格顯示的數(shù)據(jù)以表格的形式，并提供了豐富的選擇，排序，分組和編輯數(shù)據(jù)的支持。這個(gè)數(shù)據(jù)表格被設(shè)計(jì)以縮短開(kāi)發(fā)時(shí)間，并要求開(kāi)發(fā)商沒(méi)有具體的知識(shí)。它是輕量級(jí)的，功能豐富的。單元格合并，多列標(biāo)題，凍結(jié)列和頁(yè)腳是其功能只是一小部分。依賴(lài)組件（Depen
2、dencies）·布局-panel·縮放-resizable·鏈接按鈕-??linkbutton·分頁(yè)-pagination使用方法（UsageExample）從現(xiàn)有的表單元素創(chuàng)建數(shù)據(jù)表格，定義在html中的行，列和數(shù)據(jù)。1.??2.??????3.??????????4.????????????Code??5.????????????3、options="field:'name'">Name??6.????????????Price??7.????????
??8.??????9.??????10.??????????11.????????????| 001 | name1 | 2323 | ??12.????????
??13.??????????1.??????4、??????
002 | name2 | 4612 | ??2.????????
??3.??????4.??通過(guò)標(biāo)記創(chuàng)建的DataGrid。嵌套的| 標(biāo)簽定義的列的表。1. 5、:true,singleSelect:true">??3.??????4.??????????5.????????????Code??6.????????????Name??7.????????????6、ght'">Price??8.???????? ??9.??????10. |
??使用JavaScript創(chuàng)建數(shù)據(jù)表格。1.??1.$('#dg').datagrid({??2.????url:'datagrid_data.json',??3.????columns:[[??4.????????{field:'code',title:'Code',width:100},??5.????????{field:'name'
7、,title:'Name',width:100},??6.????????{field:'price',title:'Price',width:100,align:'right'}??7.????]]??8.});??查詢(xún)數(shù)據(jù)填充數(shù)據(jù)表格。1.$('#dg').datagrid('load',?{??2.????name:?'easyui',??3.????address:?'ho'??4.});??數(shù)據(jù)更改與服務(wù)器交互，刷新當(dāng)前數(shù)據(jù)。1.$('#dg').datagrid('reload');????//?
8、reload?the?current?page?data??數(shù)據(jù)表格屬性（DataGridProperties）屬性繼承控制面板，以下是數(shù)據(jù)表格獨(dú)有的屬性。名稱(chēng)類(lèi)型描述默認(rèn)值columnsarray數(shù)據(jù)表格列配置對(duì)象，查看列屬性以獲取更多細(xì)節(jié)。undefinedfrozenColumnsarray跟列屬性一樣，但是這些列固定在左邊，不會(huì)滾動(dòng)。undefinedfitColumnsboolean設(shè)置為
