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