`
liss
  • 浏览: 842568 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Ext.TabPanel中autoLoad实现页面内容加载

阅读更多

Ext.TabPanel中autoLoad属性可以实现异步加载一个动态或静态页面,使用一般是没有问题的,但其中有一个值得注意的地方是,如果要显示加载页面中的HTML元素等标签的话,必须在autoLoad后面加上scripts:true这个属性,请看下面代码:

var tabs = new Ext.TabPanel({
     id:"treeTab",
     border:false,
      items:[{
         title:"使用scripts属性",
          autoLoad:{
             url:"a.jsp",
            scripts:true
         }
      },{
         title:"不使用scripts属性",
          autoLoad:{
             url:"a.jsp"
         }
      }]
});

现在我们假设a.jsp中内容为一个文本输入框,代码如下:

姓名:<input type="text">

那么当激活上面两个TAB后加载得到的内容是有区别的,

使用scripts:true属性的,其加载后显示的是“姓名:”加一个文本框,而不使用的话显示的只有“姓名:”

分享到:
评论

相关推荐

    extjs4.2.1 tabPanel刷新及关闭标签

    上述代码中的`this.tabPanel.getActiveItem()`用于获取当前活动的标签页,之后通过`item.loader.load()`来触发数据的重新加载。如果标签页本身并没有定义`loader`对象,则可以通过动态创建的方式为其添加一个`...

    Ext中TabPanel的动态页面加载

    本篇文章将深入探讨如何在EXT JS的`TabPanel`中实现动态页面加载,这在构建可扩展且高效的Web应用时非常关键。通过动态加载,我们可以避免一次性加载所有标签页内容,从而改善用户体验,减少初次加载时的网络负担。 ...

    课程ExtTabPanel文档tab嵌套tab.pdf

    在本文中,我们将深入探讨如何使用Ext.TabPanel创建和管理选项卡,包括基本的使用方法、内容引入方式以及如何实现选项卡的嵌套。 1. **引入Ext库** 在使用Ext.TabPanel之前,首先需要引入ExtJS库。这通常通过引入`...

    Ext 开发指南 学习资料

    TabPanel使用autoLoad加载的页面中的js脚本没有执行 A.9. 有关grid的一些小问题 A.9.1. 如何让grid总所有的列都支持排序 A.9.2. 修改一个grid的ColumnModel和Store A.9.3. 动态为ds添加参数baseParams A.10. 有关...

    EXT2.0中文教程

    TabPanel使用autoLoad加载的页面中的js脚本没有执行 B. 修改日志 C. 后记 C.1. 2007年12月5日,迷茫阶段 C.1.1. 仇恨 C.1.2. 反省 C.2. 关于ext与dwr整合部分的讨论 C.3. 怎么看文档附件里的范例 D. 贡献者列表 ...

    Extjs中通过Tree加载右侧TabPanel具体实现

    在本例中,我们仅设置了一个item,其标题为'主页',并且通过'autoLoad'属性自动加载了'content.jsp'页面内容。 最后,我们来看如何将Tree组件与TabPanel关联起来。这一步需要使用到Extjs的事件系统。我们为Tree组件...

    Ext3.0最经典的学习教程.pdf

    - `autoLoad`: 设置面板自动加载的URL地址。 #### 四、标准布局类 ExtJS提供了多种标准布局类,包括但不限于: - **边框布局 (Border Layout)**: 适用于需要将屏幕空间分割成多个区域的情况。 - **卡片布局 ...

    EXT教程EXT用大量的实例演示Ext实例

    在Ext使用过程中,可能遇到各种问题,如Ext的收费问题、API文档的查看、在页面中引用Ext、Ext是中文乱码问题、TabPanel的autoLoad属性使用问题等。这些问题的答案在教程中也有详细解答,帮助开发者克服使用中的难题...

    ExtJs部署及使用方法

    在实际应用中,可以通过ExtJs的布局管理器来实现页面的布局设计。下面是一个简单的例子,展示了如何使用ExtJs的BorderLayout布局来构建一个包含多个Tab面板的主页。 ```javascript var mainPanel = new Ext....

    ExtTabPanel文档tab嵌套tab.pdf

    此外,注意`autoLoad`属性可以用来动态加载外部HTML内容,`scripts: true`确保页面中的脚本也能执行。但这种方法可能会带来安全和性能上的问题,因此在实际应用中需谨慎使用。 总结,ExtTabPanel是构建多标签界面的...

    JavaScript.-Extjs基础学习笔记

    其中第三个Tab页还使用了`autoLoad`配置,用于异步加载外部HTML页面,并且允许执行该页面中的JavaScript代码。 ### Grid(表格控件) Grid组件是一种强大的数据展示工具,能够以表格的形式呈现数据集合,支持排序...

Global site tag (gtag.js) - Google Analytics