easy UI 速成

加載：

點擊事件：

<a href="#" class="easyui-linkbutton" onclick="javascript:$('#p').panel('close')">Close</a>

連接按鈕：

<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-save'">Save</a>

手風琴：

總DIV：<div class="easyui-accordion" 標題：<div title="標題" 標題前的圖標： data-options="iconCls:'icon-ok'"

文件夾樹：

總DIV：<ul class="easyui-tree"> 子文件：<li>這是文件名</li> 子文件夾：<li><span>Vegetables</span><ul><li>tomato</li>

選項卡：

總DIV：<div class="easyui-tabs" 選項卡（圖標+可關閉）：<div title="Help" data-options="iconCls:'icon-help',closable:true"

佈局：

總DIV:<div class="easyui-layout" 左邊（西）：<div data-options="region:'east',split:true" title="East東？"

數據表格：

總DIV:<table class="easyui-datagrid" title="數據表格" 中間的列：<thead><tr><th data-options="field:'itemid'" width="80">Item ID</th>

屬性風格：

總DIV:<table class="easyui-propertygrid"

菜單按鈕：

按鈕：<a href="#" class="easyui-menubutton" 按鈕菜單：<div id="mm1"> <div data-options="iconCls:'icon-undo'">Undo</div>

分割按鈕：

按鈕：<a href="#" class="easyui-splitbutton"

分頁：

<div class="easyui-panel"> <div class="easyui-pagination" data-options="total:114"></div> </div>

進度條：

<div class="easyui-progressbar"

搜索：

<input class="easyui-searchbox" data-options="prompt:'請輸入內容',menu:'#mm',searcher:doSearch" style="width:300px"></input> <div id="mm"> <div data-options="name:'all',iconCls:'icon-ok'">全部</div> <div data-options="name:'sports'">其中一個</div> </div> <script> function doSearch(value,name){} </script>

文本框：

<input class="easyui-textbox"

文件框：

<input class="easyui-filebox" name="file1" data-options="prompt:'Choose a file...'" >