easyUi基礎元件

2021-10-02 12:30:37 字數 2396 閱讀 9997

1 panel元件

2 messager元件

3 datebox元件(日期框)

4 datetimebox元件(日期時間框元件)

5 timespinner元件(時間微調器)

6 calendar元件

7 numberbox元件

8 numberspinner元件

9 validatebox元件(驗證框)

10 slider元件(滑動器)

11 combo元件

12 combobox元件(下拉)(還沒學)

13 combogrid元件(下拉的時候需要看很多其他資訊)

14 combotree元件

15 form表單(前面都是form表單元件)

16 easyloader元件(乙個載入器)

17 draggable元件(基本拖拽元件)

18 droppable元件

19 resizable元件(基本可縮放元件)

20 pagination元件

21 searchbox元件

22 progressbar元件(基本進度條元件)

23 tooltip元件

24 window元件(比較常用,前面的是基本元件和表單元件)

25 dialog元件

26 tabs元件

27 accordion元件

28 layout元件

29 menu元件

30 linkbutton元件

31 menubutton元件

32 splitbutton元件

介紹:基於jquery,最簡單的ui框架。

easyui中文示例文件

ps:巢狀面板必須要有center部分

. me

ssag

er.s

how(

),

.messager.show(),

.messa

ger.

show

(),是js物件級聯呼叫,是乙個

物件,m

essa

ger是

是乙個物件,messager是

是乙個物件,

mess

ager

是物件的物件屬性,show()是messager物件的方法

$是easyui內建物件 算是乙個功能很多的物件了 (小祖宗級別)

onselect()事件,選擇後可以獲取選擇的內容

也能選日期也能選時間;

一般很少用

導航選中,把選中的內容自動填充到框內

加入url

設定、獲取、禁用、啟用

設定、獲取、禁用、啟用

(載入本地或者載入遠端)

動態載入 核心:using方法

ondrop()方法

首先需要時可拖拽元件

一,基本分頁元件

二,定製分頁元件按鈕 (可以加一些工具按鈕)

三,簡化分頁元件

一,基本搜尋框元件

按enter

二,分類搜尋(加menu屬性)

一,基本提示資訊元件

二,提示資訊位置

三,定製提示資訊內容

四,定製提示資訊風格

五,提示資訊元件作為工具條

六,ajax 提示資訊 (核心是:href)

七,提示資訊對話方塊(核心是:href)

一,基本窗體元件 (彈出來的)

二,定製窗體工具 (引入tools屬性)

三,內部窗體 (只能在父窗體(父div)裡面移動)

四,模態窗體 (預設是非模態窗體)

模態就是開啟之後不能操作外面的東西

五,窗體布局

一,基本對話窗體元件 (基於window)繼承window

二,工具欄和按鈕

三,對話窗體上的複雜工具欄

一,基本選項卡元件

二,選項卡自適應高度

三,選項卡自動切換

四,選項卡巢狀

五,選項卡片工具

六,選項卡工具

七,選項卡位置

一,基本可折疊面板元件

二,可折疊面板工具

三,通過 ajax 載入內容

四,可折疊面板相關操作

一,基本布局元件

二,全屏

三,巢狀布局

四,布局中無摺疊按鈕

五,新增和刪除布局元件

六,複雜布局

一,基本選單元件

二,定製選單元件

三,選單事件

一,基本鏈結按鈕元件

二,普通鏈結按鈕

三,按鈕圖示對齊方式

四,開關按鈕

五,按鈕組

一,基本選單按鈕

二,選單按鈕相關操作

一,基本分隔按鈕

二,分隔按鈕的相關操作

easyui 基礎元件 window

window 依賴下面三個元件,就是繼承,所以下面的特性和方法 事件都可以用 window 和panel不同之處,可以有拖拽移動draggable,拖改變大小reziable,預設都設定了上面4個工具欄為true 最大,最小,摺疊,關閉 modal特性,是否是模態,false時,可以點選 點選 為t...

easyui元件實現

資料 datagrid 獲得 資料,準備初始化 function inittable var row data var total result.total for var i 0 i result.data.length i buildgrid row data error function 初始...

EasyUi常用元件(二)Tree

tree 樹 乙個樹形選單 tree 可以從標記建立。easyui 樹形選單 tree 也可以定義在 file 2 file 3 file21 為了建立非同步的樹形選單 tree 每乙個樹節點必須要有乙個 id 屬性,這個將提交回伺服器去檢索子節點資料。非同步載入 tree tree 支援內建的非同...