【EasyUI】環境搭建及簡單實現
阿新 • • 發佈:2020-09-09
easyUI 外掛
注意:
如果一個頁面引入了一個有easyUI外掛的頁面,那麼本頁面也一定要引入相應的easyUI外掛的js,
要熟練使用API文件
1).簡介(實現方式)
封裝大量的jQuery外掛(簡化ajax,jquery,css樣式,佈局) (1)外掛實現: ① HTML標籤+外掛的class樣式 <a href="#" class="easyui-linkbutton">我是講文明</a> ② HTML標籤+基於程式設計的外掛實現 <a href='#' id="btn">我是洪世鵬</a> js程式碼: $("#btn").linkbutton(); (2)外掛內容: 屬性:設定外掛的樣式,圖示,寬度,高度 事件:單擊事件,雙擊 方法:修改外掛屬性,狀態
2).搭建easyUI環境、實現第一個esayUI外掛
(1)搭建EasyUI的環境 搭建環境的步驟: ① 匯入需要的css樣式檔案:easyui.css、icon.css ② 匯入相關的js檔案 jquery.min.js jquery.easyui.min.js jquery.easyui-lang-zh_CN.js ③ 注意:themes中的檔案相對路徑不能變 (2)第一個外掛 外掛:按鈕(linkbutton) 實現外掛效果標準開發步驟[記住] 標籤: <a href="#">按鈕</a> 樣式名(規範): easyui-樣式名 例項: ① 方式一:<a href="#" class="easyui-linkbutton">按鈕</a> ② 方式二:js外掛名(呼叫外掛方法) $("選中超連結").外掛名(); $("a").linkbutton();