EasyUI介紹

官網(wǎng)：http://www.jeasyui.net/

easyui是一種基于jQuery、Angular.、Vue和React的用戶界面插件集合。

easyui為創(chuàng)建現(xiàn)代化，互動，JavaScript應用程序，提供必要的功能。

使用easyui你不需要寫很多代碼，你只需要通過編寫一些簡單HTML標記，就可以定義用戶界面。

easyui是個完美支持HTML5網(wǎng)頁的完整框架。

easyui節(jié)省您網(wǎng)頁開發(fā)的時間和規(guī)模。

easyui很簡單但功能強大。

Layout 布局

Region：布局位置，上北下南，左西右東，中間

Title：標題

Split：是否支持拖動分割線

Datagrid 數(shù)據(jù)網(wǎng)格

數(shù)據(jù)網(wǎng)格（datagrid）以表格格式顯示數(shù)據(jù)，并為選擇、排序、分組和編輯數(shù)據(jù)提供了豐富的支持。數(shù)據(jù)網(wǎng)格（datagrid）的設計目的是為了減少開發(fā)時間，且不要求開發(fā)人員具備指定的知識。它是輕量級的，但是功能豐富。它的特性包括單元格合并，多列頁眉，凍結列和頁腳，等等。

相關文檔：http://www.jeasyui.net/plugins/183.html

簡單實現(xiàn)一個表格，提供數(shù)據(jù)，會自動解析，并添加到表中

url:數(shù)據(jù)來源，可以JSON，也可以是servlet（接口）

<th>中field(字段)：定義字段名稱，一般和后天返回的數(shù)據(jù)字段名稱要一致。

Toolbar：定義表格的工具欄

method:"POST",

loadMsg：數(shù)據(jù)正在加載的時候，顯示的提示語句

reload:重新加載數(shù)據(jù)

?

Dialog 對話框

對話框（dialog）是一個特殊類型的窗口，它在頂部有一個工具欄，在底部有一個按鈕欄。默認情況下，對話框（dialog）只有一個顯示在頭部右側的關閉工具。用戶可以配置對話框行為來顯示其他工具（比如：可折疊 collapsible、可最小化 minimizable、可最大化 maximizable，等等）。

?

總結

以上是生活随笔為你收集整理的前端框架EasyUI的全部內容，希望文章能夠幫你解決所遇到的問題。

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