《easyUI panel 属性：》
<!--引入easyUI panel 组件 设置宽，高，定义标题（默认在左上角），设置图标iconCls:'icon-ok'，引入工具tools:'#tt'-->
<id="tt",这个标签内的内容被当做tool属性的值，做了添加和编辑的JS操作事件>
<div class="easyui-panel" style="width:300px;height:200px" title="My Panel" data-options="iconCls:'icon-ok',tools:'#tt'"></div><div id="tt"> <a href="#" class="icon-add" οnclick="javascript:alert('add')"></a> <a href="#" class="icon-edit" οnclick="javascript:alert('edit')"></a></div>
另外一种实现方式：数组形式，两个参数：iconcls和handler函数
<div class="easyui-panel" style="width:300px;height:200px" title="My Panel" data-options="iconCls:'icon-ok',tools:[ { iconCls:'icon-add', handler:function(){alert('add')} },{ iconCls:'icon-edit', handler:function(){alert('edit')} }]"></div>panel 内嵌套布局：
<!-- layout 组件用于布局，region:'west', 表示左边的区域 split:true 表示区域之间有分割线-->
<div class="easyui-panel" title="Nested Panel" style="width:700px;height:200px;padding:10px;"> <div class="easyui-layout" data-options="fit:true"> <div data-options="region:'west',split:true" style="width:100px;padding:10px"> Left Content </div> <div data-options="region:'east'" style="width:100px;padding:10px"> Right Content </div> <div data-options="region:'center'" style="padding:10px"> center Content </div> </div>转载于:https://www.cnblogs.com/Lxiaojiang/p/5926290.html
相关资源：各显卡算力对照表！