EasyUI添加Tab页时content链接方式

最新推荐文章于 2022-05-07 10:45:38 发布

转载最新推荐文章于 2022-05-07 10:45:38 发布 · 2.6k 阅读

文章标签：

#easyui

EasyUI 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何利用EasyUI实现页面左侧导航菜单与右侧Tab面板的交互，通过点击菜单项动态加载iframe内容至Tab中。包括了功能实现的代码示例和关键步骤解析。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用easyui，当点击左侧导航菜单，使用iframe方式来加载右侧的Tab。

            //在右边center区域打开菜单，新增tab
            function Open(text, url) {
                if ($("#tabs").tabs('exists', text)) {
                    $('#tabs').tabs('select', text);
                } else {
                    $('#tabs').tabs('add', {
                        title: text,
                        closable: true,
                        <span style="color:#ff0000;">content: '<iframe scrolling="no" frameborder="0"  src="' + url + '" style="width:100%;height:100%;"></iframe>'</span>
                    });
                }
            }

JQuery EasyUI 最简单的左右布局实现及tab的右键菜单实现【转】

http://www.cnblogs.com/szytwo/archive/2012/08/29/2662150.html