easyui的tab中不能自动载入iframe的页面,求帮助。

发布于 2021-11-23 14:17:18 字数 2138 浏览 799 评论 5

function open_panel(tit, url) {
                //这里是iframe 代码
                var url_content = '<iframe id="" width="100%" height="100%" src="' + url + '" frameborder="0"  allowtransparency="true" scrolling="auto"></iframe>';
                
                //tit=load 时在当前tab中加载url
                if ('load' == tit) {
                    var cur_tab = $('#layout_center').tabs('getSelected');
                    $('#layout_center').tabs('update', {
                        tab: cur_tab,
                        options: {
                            content: url_content
                        }
                    });
                    return;
                }
                
                //否则添加或选择到相应tab
                if ($('#layout_center').tabs('exists', tit)) {  //如果已存在则选择
                    $('#layout_center').tabs('select', tit);

                } else {//如果未存在则添加

                    $('#layout_center').tabs('add', {
                        title: tit,
                        //href: url, //如果使用url发现是可以的
                        options: {
                            content: url_content //问题就在这里,明明添加了content,但新添加的tab中并不显示,点击刷新图标后才能显示,如何解决这个问题? },
                        closable: true,
                        tools: [{	//添加刷新图标
                                iconCls: 'icon-mini-refresh',
                                handler: function() {
                                    var cur_tab = $('#layout_center').tabs('getSelected');
                                    $('#layout_center').tabs('update', {
                                        tab: cur_tab,
                                        options: {
                                            //href: url
                                            content: url_content
                                        }
                                    });
                                }
                            }]
                    });
                }
            }


content: url_content 不能在第一次添加新的Tab时就显示。但通过标题边上的刷新按钮刷新后可见。


如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

挽清梦 2021-11-29 04:23:03

可以的

最偏执的依靠 2021-11-29 00:05:12

这easyUI我还发现,当我的表格行距大于30的时候,那些个控件就变得很难看,哎,后悔选上了它。

以后再也不用了

清欢 2021-11-28 08:21:30

已经重写了,href 可行,content 就算我只是给个字符串,他也不显示,郁闷呀。

第一次用这玩意,浪费了N多时间,哎。。。。

飘然心甜 2021-11-25 13:53:36

Tab Panel

The tab panel properties is defined in panel component, below is some common properties.

NameTypeDescriptionDefault
idstringThe id attribute of tab panel.null
titlestringThe tab panel title text.
contentstringThe tab panel content.
hrefstringA URL to load remote content to fill the tab panel.null
cachebooleanTrue to cache the tab panel, valid when href property is setted.true
iconClsstringAn icon CSS class to show on tab panel title.null
widthnumberThe width of tab panel.auto
heightnumberThe height of tab panel.auto
collapsiblebooleanTrue to allow tab panel to be collapsed.

使用href试下。content应该是字符串

像你 2021-11-24 07:54:25

发个代码怎么显示不完整的

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文