`

超简单实现:Ext.TabPanel加入iframe

阅读更多

          太简单了,参考代码:

 funtab.add({
                   title:titleText ,
                   id:'tab_'+id,
                   iconCls: 'tabs',                  
                   margins:'0 4 4 0',
                   autoHeight:true,
                   autoScroll:true,
                   autoWidth:true,
                   closable:true,
                   frame:true,
                   html:'<iframe src="'+UrlText+'" width="100%" height="400" frameborder="0" scrolling="auto"></iframe>'
             }).show();

          大家注意一下html:的属性,只要加入就行了,根本不需要创造一个Ext.DomHelper.append的iframe的对象,然后再加入到tabpanel当中,

 

 

分享到:
评论
2 楼 HexUzHoNG 2008-03-07  
至少对于我这个刚接触extjs的新手来说,iframe很好很强大。学习extjs的成本&时间不用那么大了。

想像原来一样的开发方式,点击左边树菜单,右侧内容区域里的iframe就显示相应的模块页面。

如果直接在一个页面里写出来,刚学extjs,还真不知怎么写。
1 楼 fireguns 2008-03-07  
为啥都要用iframe呢?

直接在一个页里写出来不好么

相关推荐

    extjs4.2.1 tabPanel刷新及关闭标签

    除了关闭当前标签页之外,有时还需要实现关闭其他所有标签页的功能,这可以通过遍历`TabPanel`的所有子项并逐一判断是否为当前激活的标签页来实现: ```javascript onCloseOthers: function() { // 获取当前激活的...

    ExtJs部署及使用方法

    var mainPanel = new Ext.TabPanel({ id: "main", title: "", region: "center", // 布局区域为center deferredRender: false, enableTabScroll: true, // 允许滚动显示tab activeTab: 0, autoDestroy: false...

    jQuery模仿ExtJS之TabPanel最新

    TabPanel(选项卡组件) 参数说明 renderTo| jQuery object | NULL&gt; 渲染到某容器 将选项卡组件渲染到某容器,参数类型可以为字符串,也可以为jQuery所加载的对象,如果为声明该参数,组件默认的承载容器为BODY。 ...

    ExtJs使用IFrame的实现代码

    在ExtJs中实现Iframe的嵌入功能,主要目的是为了在Web应用中集成外部页面或报表内容。ExtJs是一个用于开发富互联网应用的JavaScript库,它提供了强大的界面组件和数据处理机制。而Iframe(内联框架)标签是HTML的一...

    Ext制作的教务管理系统[源码+数据库+说明]

    4.单击节点访问页面时,在主界面TabPanel新增一个Panel,Panel下放置一个iframe,将要链 接的页面放入iframe中。 5.grid数据加载,分页,编辑删除。 6.用户列表页面点编辑时,在父页面的TabPanel中增加一个标签,下...

    Extjs中TabPane如何嵌套在其他网页中实现思路及代码

    var tabPanel = new Ext.TabPanel({ activeTab: 0, // 激活第一个Tab region: 'center', // 将TabPanel放置在中央区域 layoutOnTabChange: false, // 是否在切换Tab时重新布局 deferredRender: true, // 延迟...

    1000多个jquery常用插件.pdf

    - **主要功能:**通过简单的代码即可实现水平方向上的菜单折叠效果,操作简单快捷。 ##### (2) jQuery-HorizontalAccordion **特点与应用:** - **界面风格:**具有XBOX 360 blade界面风格,给人一种科技感十足的...

    JAVA编程规范

    `parent.Ext` 和 `top.Ext` 分别代表了 iframe 外部的 Ext 库实例,通过它们可以访问到外部环境中的 Ext 组件。 3. **函数定义** ```javascript function() { // 函数体 } ``` 在 JavaScript 中,所有的...

Global site tag (gtag.js) - Google Analytics