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

posted @ 2017-04-08 12:43  春风自是人间客  阅读(540)  评论(0编辑  收藏  举报