`
sammyfun
  • 浏览: 1163403 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

tabpanel 动态获取html的内容

阅读更多
     xtype:"tabpanel",
                activeTab: 0,
                region:"center",
                items:[
                    {title:"面板1",id:"mytab",
                    
                     listeners:
                     {'render':
                     function(f)
                     {Ext.getCmp("mytab").html="<font>afda</font>"
                     }}
                    },
                    {title:"面板2",html:"tab面板2的内容"}
                ]


var p = new Ext.Panel({
    title: ‘My Panel’,
    collapsible:true,
    width:400,
    id:’panel1’,
    html:’<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="PagingGrid.jsp"></iframe>’
    });

方法:

Ext.getCmp(‘panel1’).body.update(‘<iframe scrolling="auto" frameborder="0" width="100%" height="100%" src="PagingGrid11.jsp"></iframe>’);



其实就不用写
三个参数  'title','tabid' 'htmlStr'
      new Ext.panel{
           title:title,
           id : tabid,
           html:''
         }



  • 大小: 67.8 KB
分享到:
评论

相关推荐

    Ext中TabPanel的动态页面加载

    在EXT JS这个强大的JavaScript库中,`...结合`ComponentLoader`或Ajax请求,可以灵活地加载HTML内容或动态创建EXT JS组件,实现丰富的交互功能。理解并熟练掌握这一特性,将有助于开发高效且响应迅速的Web应用。

    extjs4.x tabpanel 动态加载panel和html例子

    如果需要从服务器动态获取HTML内容,可以使用`Ajax`请求,并在成功回调中更新panel的`html`属性。 ```javascript Ext.Ajax.request({ url: 'your_server_url', // 服务器URL success: function(response) { ...

    ExtJS TabPanel 标签操作

    ExtJS的TabPanel是其组件库中的一个核心组件,用于创建具有多个标签页的应用界面,每个标签页可以承载不同的内容。在本主题中,我们将深入探讨如何操作ExtJS的TabPanel,包括创建、添加、删除和切换标签页,以及...

    TabPanel 加载页面

    在给定的标题"TabPanel加载页面"中,我们可以理解为讨论的是如何在`TabPanel`组件中动态加载页面内容。这通常涉及到以下几个关键知识点: 1. **动态加载**:在用户点击某个标签时,只加载对应的页面内容,而不是一...

    jQuery模仿ExtJS之TabPanel最新

    getContent(string | number) &lt;return string&gt; 获得选项卡元素的内容 setContent(string | number, string) 设置选项卡元素的内容 getDisable(string | number) &lt;return boolean&gt; 选项卡元素是否禁用 setDisable...

    用coolite布局,数据库绑定Treepanel,用Tabpanel显示

    6. **网页展示**:在TabPanel中显示的网页可能是静态HTML,也可能是动态生成的内容。可以使用IFrame嵌入整个页面,或者使用Ajax获取部分HTML片段并插入到Tab中,实现动态加载和局部刷新。 7. **WebApp的最佳实践**...

    再探Ext中TreePanel控件和TabPanel控件搭配测试

    在提供的压缩包文件中,index.html可能是实现上述功能的示例代码,而auto.php可能是一个后台脚本,用于动态生成或获取数据。通过查看和分析这些文件,我们可以进一步了解如何在实际项目中集成TreePanel和TabPanel,...

    c#动态浏览数据库的数据源码

    主要解决GridPanel+TabPanel+ComboBox,动态生成数据,无须任何配置,并且大部分代码的实现都可通用,并且大量减免了在Html页面里静态配置数据列所带来的麻烦,这是很有用的技巧.为了大家更好的更方便的使用本示例,就...

    动态浏览数据库的数据源码

    本示例主要解决GridPanel+TabPanel+ComboBox,动态生成数据,无须任何配置,并且大部分代码的实现都可通用,并且大量减免了在Html页面里静态 配置数据列所带来的麻烦,这是很有用的技巧.为了大家更好的更方便的使用...

    Tab控件(类型于AJAX里的TAB控件)

    1. 异步加载:当用户点击一个新的标签时,使用AJAX发送请求到服务器,获取对应的内容数据,然后动态地将这些数据插入到对应的内容区域,这样用户就可以在不等待整个页面刷新的情况下查看新内容。 2. 数据缓存:对于...

    动态浏览数据库的数据源码.rar

    本示例主要解决GridPanel TabPanel ComboBox,动态生成数据,无须任何配置,并且大部分代码的实现都可通用,并且大量减免了在Html页面里静态 配置数据列所带来的麻烦,这是很有用的技巧.为了大家更好的更方便的使用...

    Extjs做的treepanel+tab切换页

    在这个应用中,当用户点击树节点时,树的`href`属性被用来获取新的内容,并在TabPanel 中加载,实现了内容的动态切换。 5. **事件监听与处理**:在ExtJS 中,事件监听是实现组件间交互的关键。在这个场景下,我们...

    ext tab

    在EXTJS开发中,JavaScript文件通常负责创建和管理UI组件,而JSP文件可能会用来处理用户请求,例如获取数据、更新TabPanel内容等。如果`vmcontrol.js`包含EXTJS的代码,我们可能会看到TabPanel的创建、添加子组件、...

    Extjs4 tab 基本选项卡及增删插入操作

    创建一个TabPanel需要实例化`Ext.tab.Panel`类,并提供一些基本配置,如`items`,它是一个包含选项卡内容的数组。每个元素都是一个包含面板配置的对象。例如: ```javascript var tabPanel = Ext.create('Ext.tab...

    AJAXTabs(Tab调用ajax使用例子)

    在AJAXTabs中,每个标签页的内容通常通过异步请求获取,这样可以提高用户体验,因为用户无需等待整个页面刷新就能看到新内容。 ExtJS 3.0.0是该框架的一个早期版本,它提供了丰富的UI组件,如表格、面板、窗口、...

    TabPanel:一个简单的 chrome 扩展来浏览选项卡

    这暗示了我们可以通过下载并解压这个文件来获取 TabPanel 的完整源代码,并可以进一步学习、定制或者调试它。 **潜在知识点:** 1. **Chrome 扩展开发**:了解如何使用 Chrome 的 API(如 `chrome.tabs`)来创建...

    jquery资料 大全

    - 公共方法:addTab、flush、show、kill、getTabsCount、getTitle、setTitle、getContent、setContent、getDisable、setDisable、getCloseable、setCloseable、getActiveTab,这些方法用于动态管理和获取选项卡元素...

    javascript 经典tab控件

    5. **Ajax加载**:如果内容是从服务器动态获取的,我们可以使用Ajax技术异步加载,提高用户体验。 6. **事件处理**:提供事件接口,让开发者可以监听和响应Tab的切换,例如进行某些操作或更新其他UI元素。 在提供...

Global site tag (gtag.js) - Google Analytics