最近要做个小项目，就是个数据维护系统，不外乎 增、删、改、查 等功能，正好适合我这个刚入门的
前台需要用 Ext JS 来写，这个以前没玩过，正好不久前官方更新了 4.0 新版本，所以就直接学习新的吧，但 3.0 到 4.0 更新了不少东西，还有像 Grid 这样的大模块甚至都彻底的换了摸样，无法向下兼容，网上很多的代码都已经不能用了，最后只好去看了自带的 API DOC，外加上网上搜到的一些资料，总算是把架子都搭起来了
现在就写点自己的心得，好把之前学到的东西整理、吸收下，也可以帮助下跟我一样刚刚入门的菜鸟，如果有什么错误请及时指出
第一步，先上 http://www.sencha.com/ 下载 Ext JS 4，不知道为什么，最近上去老是跳 503 错误，现在最近的版本是 4.0.7 了
解 压后发现有不少东西，可以直接打开根目录下的 index.html ，上面有5个标签，可以看到更新的内容、API DOC、Example 等，现在都整合在一起了，resources 里放着页面美化的一些 CSS 和图片什么的，src 里当然都是 JS 源文件了
然后就动手写第一个页面 HelloWorld.html，代码如下：
中间的就是 Ext 的部分，第一个引入的 ext-all.css 是 Ext 的默认主题的 CSS 文件，ext-base.js 包含了一些重要的方法，如 extend、apply 和一些判断浏览器的方法，ext-all.js 是 Ext 的核心文件，Ext.onReady() 相当于以前 <body> 标签里的 onload 属性，在页面加载完后运行其中的代码，其中运行了一个 Ext 的警告框，效果如下：
Ext 的样式都已经用上去了，背景、阴影、按钮都有了，Hello World 就讲到这里
相关推荐
第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 在javascript中使用json / 4 1.2.5 在.net中使用...
#### 二、ExtJS基础示例——Hello World **2.1 HelloWorld示例代码** ```html 无标题文档 <link rel="stylesheet" type="text/css" href="extjs2.0/resources/css/ext-all.css" /> <script type="text/...
#### 二、EXT的第一个程序——Hello World! **2.1 创建Hello World程序** - **新建文件夹**：在`webapp`目录下创建一个新的文件夹`lesson1`。 - **创建HTML文件**：在`lesson1`文件夹中创建一个名为`hello.html`的...
3.2.3 编写HelloWorld.html 3.2.4 运行调试ExtJS 3.3 辅助开发 3.3.1 调试工具Firebug 3.3.2 开发利器Spket 第4章 ExtJS事件机制 4.1 设计模式——观察者模式 4.2 自定义事件 4.3 浏览器事件 4.4 ExtJS中的...
#### 四、ExtJS 的 HelloWorld 示例 1. **环境准备**： - 下载最新版本的ExtJS（例如ext-3.3-beta）并解压。 - 文件夹结构包括`adapter`、`build`、`docs`、`examples`、`resources`、`package`、`source`等。 -...
这段代码首先引入了ExtJS的必要库文件，然后定义了一个`HelloWorld`函数，使用`Ext.MessageBox.alert`显示一个消息对话框，最后通过`Ext.onReady`确保页面加载完成后执行该函数。这个简单的示例展示了如何使用ExtJS...
3.2.3 编写HelloWorld.html 3.2.4 运行调试ExtJS 3.3 辅助开发 3.3.1 调试工具Firebug 3.3.2 开发利器Spket 第4章 ExtJS事件机制 4.1 设计模式——观察者模式 4.2 自定义事件 4.3 浏览器事件 4.4 ExtJS中的...
例如，`HelloWorld.sayHello()`，DWR会处理底层的HTTP通信，将结果返回到JavaScript环境中。 **ExtJS库** ExtJS是一个强大的JavaScript库，提供了一整套组件和布局管理，用于构建富客户端应用。在DWR的基础上，结合...
本教程将带你通过一个简单的示例——创建一个“Hello, World”应用，来了解ExtJS的基础知识。 首先，我们来看一下这个最简单的ExtJS应用的HTML代码。在`hello.html`文件中，我们引入了必要的CSS和JavaScript资源，...
- **Hello World 程序**：通过一个简单的“Hello World”示例程序来快速上手 ExtJS 4.0。该示例将帮助初学者了解如何创建基本的 ExtJS 项目结构，配置必要的开发环境以及如何编写第一个 ExtJS 应用程序。 #### 二、...
以下是一个简单的Java程序示例——Hello World: ```java public class Hello { public static void main(String[] args) { System.out.println("Hello World!"); } } ``` #### 十、JDK安装与配置 - **JDK**: ...
$result = $v8->executeString('console.log("Hello, World!");'); echo $result; // 如果成功执行，将输出空字符串 ?> ``` 在这个例子中，我们创建了一个V8JavaScript对象实例，然后执行了一段简单的JavaScript...