jQuery EasyUI是一組基於jQuery的UI插件集合體,而jQuery EasyUI的目標就是幫助web開發者更輕鬆的打造出功能豐富並且美觀的UI界面。開發者不需要編寫複雜的javascript,也不需要對css樣式有深入的瞭解,開發者需要了解的只有一些簡單的html標籤。
本經驗是 【jQuery EasyUI從入門到精通】系列教程的第21部分,在第20部分基礎上,繼續講述 jQuery EasyUI Web Demos之DataGrid(數據表格)。
工具/原料
筆記本電腦或是臺式機
互聯網
jQuery EasyUI
DataGrid(數據表格)
方法/步驟
Nested SubGrid(嵌套的子表格),Loading nested subgrid data(加載嵌套子表格數據).Click the expand button to expand row and view subgrid(點擊擴展按鈕用來擴展行以及顯示子表格).
HTML基本結構如下: