什么是EasyUI
easyui是一種基于jQuery、Angular.、Vue和React的用戶界面插件集合。
easyui為創(chuàng)建現(xiàn)代化,互動,JavaScript應(yīng)用程序,提供必要的功能。
使用easyui你不需要寫很多代碼,你只需要通過編寫一些簡單HTML標記,就可以定義用戶界面。
easyui是個完美支持HTML5網(wǎng)頁的完整框架。
easyui節(jié)省您網(wǎng)頁開發(fā)的時間和規(guī)模。
easyui很簡單但功能強大的。
[if !supportLists](1)?[endif]是一組基于jQuery的UI(用戶界面)插件集合;
[if !supportLists](2)?[endif]而jQuery EasyUI的目標就是幫助web開發(fā)者更輕松的打造出功能豐富并且美觀的UI界面。
[if !supportLists](3)?[endif]學習的時候,成本不大,easyui知識點由JS+HTML+CSS+jquery,容易上手
[if !supportLists](4)?[endif]開發(fā)者不需要編寫復(fù)雜的JavaScript,也不需要對css樣式有深入的了解,開發(fā)者只有需要了解一些簡單的html標簽。--完成頁面的構(gòu)建
[if !supportLists](5)?[endif]學習方法copy+edit官網(wǎng)里面有很多示例
[if !supportLists](6)?[endif]Easyui是屬于前端框架
Layui elementui easyui bootstarp vue。。。
Bootstrap --響應(yīng)式的jquery框架 快速構(gòu)建web程序的框架
Easyui就是基于jquery做界面的框架,上手容易,學習方式copy+edit
01easyui入門程序
easyui組件創(chuàng)建原理 --理解
(1)平時寫的class="easyui-panel" --最終底層還是要調(diào)用 panel方法來創(chuàng)建
? a)底層通過 $.parser.auto=ture
? b)調(diào)用parse方法
? c)循環(huán)頁面的組件 找到對應(yīng) easyui-panel
? d)找到之后,調(diào)用 panel({})創(chuàng)建組件
? e)panel底層組裝html

02easy的linkbutton


在同一個組別只能有一個被點擊觸發(fā)
03easyui的panel
可在表頭設(shè)置的常用屬性

示例

觸發(fā)點擊事件的js寫法

04easyui組件三要素


05easyui組件三要素_事件
樹 tree

通過get方法獲得url路徑里的文本?

觸發(fā)右鍵點擊菜單事件
06easyui組件右鍵菜單
