easyui-layout panel-tool
时间: 2023-07-08 14:41:52 浏览: 112
easyUI工具
EasyUI Layout 组件的 panel-tool 属性是用来定义在面板右上角显示的工具按钮。可以通过设置 panel-tool 属性来自定义工具按钮的图标、文本和点击事件。例如,可以通过下面的代码来定义一个带有关闭按钮的面板:
```
<div class="easyui-layout" style="width:400px;height:200px;">
<div data-options="region:'center',title:'Center'">
center content
</div>
<div data-options="region:'west',title:'West',split:true" style="width:100px;">
west content
</div>
<div data-options="region:'east',title:'East',split:true" style="width:100px;"
panel-tool="#closeBtn">
east content
</div>
</div>
<div id="closeBtn" class="panel-tool">
<a href="#" class="panel-tool-close"></a>
</div>
```
在上面的代码中,我们定义了一个 id 为 closeBtn 的 div 元素,并将其赋值给了 panel-tool 属性。在 closeBtn 中定义了一个 a 元素,并将其样式设置为 panel-tool-close,这样就可以显示一个关闭按钮了。同时,我们还定义了一个 EasyUI Layout 组件,并在其中定义了三个面板,其中 east 面板的 panel-tool 属性指向了 id 为 closeBtn 的元素。这样,当用户点击关闭按钮时,该面板就会被关闭。
阅读全文