jQuery EasyUI 數據網格 - 創建屬性網格

　　屬性網格(property grid)帶有一個內置的 expand(展開)/collapse(合并) 按鈕，可以簡單地為行分組。您可以簡單地創建一個可編輯屬性的分層(hierarchical)列表。

　　設置 HTML

　　

　　url="propertygrid_data.json"

?

　　showGroup="true" scrollbarSize="0"

　　>

?

　　準備 json 數據

　　[

　　{"name":"Name","value":"Bill Smith","group":"ID Settings","editor":"text"},

　　{"name":"Address","value":"","group":"ID Settings","editor":"text"},

　　{"name":"Age","value":"40","group":"ID Settings","editor":"numberbox"},

　　{"name":"Birthday","value":"01/02/2012","group":"ID Settings","editor":"datebox"},

　　{"name":"SSN","value":"123-456-7890","group":"ID Settings","editor":"text"},

　　{"name":"Email","value":"bill@gmail.com","group":"Marketing Settings","editor":{

　　"type":"validatebox",

　　"options":{

　　"validType":"email"

　　}

　　}},

　　{"name":"FrequentBuyer","value":"false","group":"Marketing Settings","editor":{

　　"type":"checkbox",

　　"options":{

　　"on":true,

　　"off":false

　　}

　　}}

　　]

　　正如您所看到的，屬性網格(property grid)的創建不需要任何的 javascript 代碼。您可以簡單地繼承擴展 editor 類型。

　　下載 jQuery EasyUI 實例

　　jeasyui-datagrid-datagrid20.zip

　　本文轉載自：w3cschool(編輯：雷林鵬 來源：網絡 侵刪)

轉載于:https://www.cnblogs.com/pengpeng1208/p/10723537.html

總結

以上是生活随笔為你收集整理的雷林鹏分享：jQuery EasyUI 数据网格 - 创建属性网格的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。