EasyUI

什么是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組件三要素



在標簽里添加了頭名字那么在data里添加的就會不執(zhí)行


05easyui組件三要素_事件

樹 tree


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

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

06easyui組件右鍵菜單


注意阻止瀏覽器點擊,否則右鍵點擊事件就會被覆蓋
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容