jQuery?

Tags: 外掛, 開發者,

jQuery EasyUI是一組基於jQuery的UI外掛集合體,而jQuery EasyUI的目標就是幫助web開發者更輕鬆的打造出功能豐富並且美觀的UI介面。開發者不需要編寫複雜的javascript,也不需要對css樣式有深入的瞭解,開發者需要了解的只有一些簡單的html標籤。

本經驗是 【jQuery EasyUI從入門到精通】系列教程的第2部分

工具/原料

膝上型電腦或是桌上型電腦

網際網路

jQuery EasyUI

方法/步驟

以下為Expand Row Form示例

Edit form in expanded row details(編輯表格以行細節的方式)

Build CRUD Application with edit form in expanded row details - jQuery EasyUI Demo

jQuery EasyUI從入門到精通(2)

Expand Row Form,效果如下圖所示。

jQuery EasyUI從入門到精通(2)

EasyUI Portal,This example shows how to build a simple portal system with floating panels.

這個案例展示如何建立一個簡單的門戶系統通過浮動面板。

Saving Portal State - jQuery EasyUI

jQuery EasyUI從入門到精通(2)

EasyUI Portal案例,執行效果如下圖所示。

jQuery EasyUI從入門到精通(2)

Pivot Grid,The PivotGrid allows you to quickly do a lot of reporting & analysis from a table of data.

透視網格允許你快速地對錶格資料進行大量的報告和分析。

Pivot Grid - jQuery EasyUI

Pivot Grid

The PivotGrid allows you to quickly do a lot of reporting & analysis from a table of data.

jQuery EasyUI從入門到精通(2)

Pivot Grid案例,執行效果圖如下圖所示。

jQuery EasyUI從入門到精通(2)

注意事項

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

除了引入easyui.min.js檔案之外,還引入相應的庫檔案。

相關問題答案