在easyui中为tabs标签页面板添加刷新按钮

EasyUI Tabs 组件使用指南

最新推荐文章于 2023-04-24 09:02:13 发布

原创最新推荐文章于 2023-04-24 09:02:13 发布 · 2.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#easyui #contentDocument

easyui 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用 EasyUI 框架中的 Tabs 组件创建标签页，并详细解释了如何通过 JavaScript 动态添加标签页面板，包括设置标题、内容、关闭按钮及工具栏等属性。

1、创建标签页（Tabs）

<div id="tabs" class="easyui-tabs"">
    <div title="Tab1"">
		tab1
    </div>
</div>

2、点击标签页添加相应的标签页面板（tab panel）

其中：

title：标签页面板（tab panel）的标题文字。

content：标签页面板（tab panel）的标题文字。

closeable：当设置为 true 时，标签页面板（tab panel）将显示一个关闭按钮，点击它就能关闭这个标签页面板（tab panel）。

tools：放在title中的工具栏。

$('#tabs').tabs('add',{
    title:title,
    content:content,
    closable:true,
    tools:[{
		iconCls:'icon-mini-refresh',
		handler:function(){
			$('.panel:visible > .panel-body > iframe').get(0).contentDocument.location.reload(true);	;
		}
    }]
})