關於easyui的記錄

標籤：title   前端架構   查看   ons   整理   初始   options   code   簡單   

easyui的簡單實用一定要結合文檔。

1、首先easyui是jq編寫的一個架構。

2、通過class="easy-xxx"的形式定義該元素為easyui的元素，可以通過標籤實現easyui，也可以通過js+標籤的方式實現easyui。實用js+標籤的話需要在js中擷取對應的標籤。操作如下

1 <!--產生一個dialog組件，產生什麼組件就使用什麼方法建立，以索引值對的形式初始化屬性-->2 $("#標籤id").dialog({3     title: ‘My Dialog‘,4     width: 400,5     height: 200,6 });
<!--直接使用標籤的時候屬性的配置放置在data-options="以索引值對的形式設定屬性"-->

3、注意easyui的屬性值如果為數字不需要帶單位，區別於使用style設定樣式。

4、easyui的方法調用以dialog為例，操作如下

1 <!--使用dialog的open方法開啟dialog-->2 $("#標籤id").dialog("open");3 4 <!--以使用dialog的方法傳遞方法名為參數，實現easyui組件的方法 -->

5.通常使用$("#標籤id").val()擷取標籤的value值，但是在easyui中一些組件的值需要使用組件的getValue方法來擷取。

具體沒有整理，datetimebox，combotree這兩個組件是需要通過getValue來擷取value的。

 

具體的實現需要查看文檔，easyui掃描元素有class="easyui-xxx"的形式會自動渲染為easyui的組件，組件的屬性設定數實值型別的不要帶單位，組件的方法調用需要注意，和以往的調用方式不同，

easyui提供了許多的外掛程式供我們使用。如果沒有前端人員，easyui是可選的一個前端架構。

 

關於easyui的記錄