这是helloWorld.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Ext JS in Action Chapter 01 | Hello World Window</title>
<link rel="stylesheet" type="text/css" href="./ext3/resources/css/ext-all.css" />
<script type="text/javascript" src="./ext3/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="./ext3/ext-all-debug.js"></script>
<script type="text/javascript">
Ext.BLANK_IMAGE_URL = './ext3/resources/images/default/s.gif';
</script>
<script type="text/javascript" src="./helloWorld.js"></script>
</head>
<body>
</body>
</html>
这是helloWorld.js
function buildWindow() {
var win = new Ext.Window({
id : 'myWindow',
title : 'My first Ext JS Window',
width : 300,
height : 150,
layout : 'fit',
autoLoad : {
url : 'sayHi.html',
scripts : true
}
});
win.show();
}
Ext.onReady(buildWindow);
这是sayHi.html
<div id='fxDiv'>Hello from the <b>world</b> of AJAX!</div>
<script type='text/javascript'>
function highlightWindow() {
var win = Ext.getCmp('myWindow');
var winBody = win.body;
winBody.highlight();
}
highlightWindow.defer(1000);
</script>
scripts:true就是执行里面的JavaScript,highlightWindow.defer(1000);的意思就是延迟一秒钟调用highlightWindow函数
分享到：
相关推荐
4、打开IE在地址栏输入“http://localhost:8088/FirstExt/HelloWorld.html”之后敲回车，如果一切正常，那么你会看到Ext 3.2版本的Hello world程序--它会一秒钟之后变背景色 阅读对象：希望使用新版本的Ext框架开发...
Ext4测试镜像，镜像内有一个名为HelloExt4.txt文件，内容为"Hello Ext4"。主要用于Ext4文件测试，更多见：http://blog.csdn.net/kangear/article/details/49386823
ExtJS 是一个强大的JavaScript应用程序框架，专为构建复杂的、数据驱动的Web用户界面而设计。在"HelloWorld.rar"这个压缩包中，我们很显然会...总之，"HelloWorld.rar"是一个理想的实践平台，帮助你踏上ExtJS开发之旅。
在"ExtJS5学习之Hello World"这个主题中，我们将深入探讨如何使用ExtJS5进行基本的开发工作。 首先，ExtJS5的"Hello World"程序通常是一个简单的窗口应用，展示如何创建一个基本的ExtJS应用。在这个例子中，我们...
标题“extjs4 helloworld”指的是使用Ext JS 4框架创建的一个基础的“Hello, World”应用程序。Ext JS是一个强大的JavaScript库，用于构建富客户端Web应用程序。它提供了一个全面的组件模型，允许开发者构建复杂的...
Ext.MessageBox.alert('helloworld', 'Hello EXTJS.'); ``` 这段代码通过`Ext.onReady`确保整个页面加载完毕后再执行，`alert`函数显示准备就绪的提示。`Ext.MessageBox.alert`函数用于弹出一个消息框显示“Hello...
"HelloWorld"是编程领域的传统入门示例，通常用于演示基本的使用方法和程序结构。 在"ExtJS----HelloWorld程序源码"中，我们将会看到如何使用ExtJS来创建一个简单的“你好，世界！”应用。以下是对这个示例中涉及的...
- 访问http://localhost:8080/Ext4/helloworld.html，应显示一个带有标题“Hello Ext”和内容“Hello! Welcome to Ext JS.”的面板。若未显示，请检查文件路径是否正确。 3. **EXTJS核心方法** - **Ext.onReady*...
你可以指定类名和配置选项，例如`Ext.create('Ext.window.Window', {title: 'Hello World'})`将创建一个新的窗口。 - `Ext.extend()`: 这个方法用于定义新的类并继承自另一个类。例如，`Ext.extend(MyClass, Ext....
hello world ，最基础的Ext源代码，一些demo。
Ext.MessageBox.alert("Hello World", "Hello World!"); }); ``` #### 四、示例解析 下面是一个简单的 Ext JS 应用示例，用于展示如何创建一个弹出消息框: ```html <!DOCTYPE ...
<div id="foo">Hello World <div id="bar">Another div ``` 我们可以使用`Ext.get`和`Ext.fly`来操作这些元素： ```javascript // 使用Ext.get var el = Ext.get('foo'); el.hide(); // 使用Ext.fly var flyEl = ...
title: 'Hello World', width: 400, height: 300, layout: 'fit', // 使用fit布局，让内容自动填充窗口 items: [{ xtype: 'panel', html: '这是EXT的第一个窗口！' }] }).show(); } }); ``` 四、EXT的CSS...
1.7. 入门之前，都看helloworld。 1.7.1. 直接使用下载的发布包 1.7.2. 只把必要的东西放进项目中 2. 震撼吧！让你知道ext表格控件的厉害。 2.1. 功能丰富，无人能出其右 2.2. 让我们搞一个grid出来耍耍吧。 2.3. ...