1. 程式人生 > 實用技巧 >【EasyUI】環境搭建及簡單實現

【EasyUI】環境搭建及簡單實現

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();