`
shocking2001
  • 浏览: 11512 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

在ext.onReady()中动态加载js文件问题

阅读更多
   在ext.onReady()中添加
var   head=document.getElementsByTagName("head")[0];  
var   scripts=head.getElementsByTagName("SCRIPT");     
var   script=document.createElement("SCRIPT");  
script.type="text/javascript";
sript.src="lib/extlib/TabPanelViewerLib/IFrameComponent.js";    
head.appendChild(script);

这段代码,然后再调用,发现head标签中添加了script标签,但程序无法引用js文件中的代码而无法运行.
  把这段代码剪切到onReady方法外却可以运行.
  查了一下资料:Ext.onReady可能是你接触的第一个也可能是在每个页面都要使用的方法。这个方法会在DOM加载全部完毕后,保证页面内的所有元素能被Script引用(reference)之后调用。
是不是动态加载的时候,Ext没有应用新Dom呢.如果是这样那么论坛上有很多js文件异步调用的又怎么能实现呢?请帮忙分析下.
分享到:
评论

相关推荐

    Ext4 动态加载js例子

    在你的应用中,通常会在 `Ext.application` 或 `Ext.onReady` 中设置 `Ext.Loader` 的配置项,例如设置路径映射、启用动态加载等: ```javascript Ext.application({ name: 'MyApp', requires: ['Ext.Loader'], ...

    Ext.Tree.Panel

    可以设置`dataUrl`属性指定数据源,也可以在加载前的事件中动态设置。 3. **创建`TreePanel`**: - `TreePanel`的构造函数接受一系列配置参数,如`el`用于指定容器元素,`region`定义其在布局中的位置,`title`...

    3------通过实例学习------Ext.js------.docx

    在上述代码中,`Ext.onReady`确保在DOM加载完成后再执行JavaScript代码。`Ext.Msg.show`用于创建消息对话框,`Ext.get`则用于根据ID获取DOM元素。`Ext.fly`函数类似,但它的设计目的是快速执行一次性的DOM操作,而不...

    Ext JS下载及配置

    3. **初始化应用**: 使用 `Ext.onReady` 函数来确保 DOM 加载完成后再执行 JavaScript 代码。例如: ```html <script type="text/javascript"> Ext.onReady(function() { Ext.MessageBox.alert("Hello World", ...

    ext表格布局小例子

    在本例中,我们首先引入了必要的 ExtJS 相关文件,包括样式表、脚本等资源。 ```html <link rel="stylesheet" type="text/css" href="ext-3.2.1/resources/css/ext-all.css" /> <script src="ext-3.2.1/adapter/ext...

    Ext Js权威指南(.zip.001

    1.2.4 在javascript中使用json / 4 1.2.5 在.net中使用json / 8 1.2.6 在java中使用json / 12 1.2.7 更多有关json的信息 / 15 1.3 ext js 4概述 / 15 1.4 ext js的开发工具的获取、安装与配置介绍 / 18 1.4.1...

    在ext中使用fusionChart时文件

    在EXT框架中集成FusionCharts是一项常见的任务,用于在Web应用程序中展示动态、交互式的图表。EXT是一个强大的JavaScript库,用于构建数据驱动的富客户端应用,而FusionCharts则是一款功能丰富的图表组件,支持多种...

    ext培训第二讲.doc

    - 将`ext-3.2.1\ext-all.js`与`ext-3.2.1\adapter\ext\ext-base.js`这两个JavaScript文件复制到`ext`文件夹中。 - 将`ext-3.2.1`下的整个`resources`文件夹也拷贝到`ext`文件夹下。 - **最终目录结构**:完成以上...

    Jquery+ext

    例如,jQuery可以用来初始化EXT组件,或者在EXT组件加载完成后进行进一步的定制。 ```javascript // 使用jQuery加载EXT库 $(document).ready(function() { Ext.onReady(function() { // 在EXT页面加载完成后执行...

    Ext JS 4.2 简单环境搭建C#版的

    6. **编写第一个Ext JS组件**: 在`<script>`标签内的`Ext.onReady`回调函数中,你可以开始编写你的Ext JS代码。例如,创建一个基本的面板: ```javascript Ext.create('Ext.container.Viewport', { layout: 'fit...

    简单介绍Ext 2.0

    2. **解压并放置文件**:将压缩包中的`ExtStart.html`、`ExtStart.js`和`ExtStart.css`三个文件解压至Ext 2.0的安装目录中,例如`C:\code\Ext\v2.0\tutorial`。 3. **查看效果**:双击`ExtStart.html`,浏览器将打开...

    EXT中文手册.pdf

    1. **Ext的基本配置和初始化**:在Ext框架中,`Ext.onReady`是一个非常核心的方法,它用于确保在DOM完全加载后执行指定的函数。通过`Ext.onReady`,可以初始化Ext应用并执行必要的配置。例如:`Ext.onReady(function...

    Ext 中文 国际化文件

    1. **引入语言文件**:首先,在HTML文件中引入ExtJS的核心库文件(如`ext-all.js`或`ext-debug.js`),然后引入对应的国际化文件,例如: ```html <script src="path/to/ext-all.js"> <script src="path/to/ext-...

    ext教程1.pdf

    <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"> <script type="text/javascript" src="extjs/ext-all.js"> ``` 这些文件分别提供了EXTJS 的样式和必要的JavaScript 功能。`Ext.BLANK_IMAGE_...

    ext3.*画图的例子

    需要在页面头部包含Ext JS库的CSS和JavaScript文件。对于`ext3.*`,这通常包括`ext-all.css`和`ext-all.js`(或者`ext-all-debug.js`用于开发环境)。 3. **编写JavaScript代码**: 使用JavaScript来创建图表实例...

Global site tag (gtag.js) - Google Analytics