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="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...'" >