jQuery?

Tags: 開發者, 標籤,

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基本結構如下:

Loading nested subgrid data - jQuery EasyUI Demo

Nested SubGrid(嵌套的子表格)運行效果如下圖所示:

jQuery EasyUI入門到精通(21)DataGrid(11)

Large Data(大數據),Display large amount of data in DataGrid without pagination(在數據表格中顯示大量數據但不使用分頁).

HTML基本結構如下:

Display large amount of data in DataGrid without pagination - jQuery EasyUI Demo

jQuery EasyUI入門到精通(21)DataGrid(11)

Display large amount of data in DataGrid without pagination(在數據表格中顯示大量數據但不使用分頁),運行效果如下圖所示:

jQuery EasyUI入門到精通(21)DataGrid(11)

注意事項

jQuery EasyUI插件依賴於JQuery,需要在easyui.min.js之前引入JQuery庫

相關問題答案