`

EXT2.0学习--HelloWorld

阅读更多
学习了一段时间EXT,觉得EXT太神奇了,今天奉上HelloWorld
主要步骤如下:
1.下载EXT,可以到其官方网站下载最新版本:http://extjs.com/
   这里提供EXT2.0的最少必要部分下载:EXT.rar.
2.将下载的EXT放到项目中,编写HelloWorld.html,代码如下:
<link rel="stylesheet" type="text/css" href="EXT/resources/css/ext-all.css" />
<script type="text/javascript" src="EXT/ext-base.js"></script>
<script type="text/javascript" src="EXT/ext-all.js"></script>

<script>
Ext.onReady(
function(){
    Ext.MessageBox.alert('helloworld', 'Hello EXT JS .');
}
);
</script>
3.我们的HelloWorld,OK,了看看效果吧
代码演示地址:http://nine.freejsp.net/siyn/
分享到:
评论

相关推荐

    EXT2.0中文教程

    1.7. 入门之前,都看helloworld。 1.7.1. 直接使用下载的发布包 1.7.2. 只把必要的东西放进项目中 2. 震撼吧!让你知道ext表格控件的厉害。 2.1. 功能丰富,无人能出其右 2.2. 让我们搞一个grid出来耍耍吧。 2.3. ...

    Ext2.0框架的Grid使用介绍

    title: 'Hello World' }); ``` ##### 2. 触发Grid上的事件 - **CellClick**: 当单元格被点击时触发。 - 示例代码: ```javascript grid.on('cellclick', function(grid, rowIndex, columnIndex, e) { // 在...

    Ext2.0框架的grid使用

    ### Ext2.0框架的Grid使用详解 ... title: 'HelloWorld' }); ``` 通过上述步骤,开发者不仅能够构建出功能完备的Grid界面,还能根据需求轻松扩展其交互性和功能性,极大提升了前端项目的表现力和用户体验。

    Ext2.0实用简明教程

    **Ext2.0实用简明教程** 在Web开发领域,ExtJS是一个强大的JavaScript库,用于构建用户界面。本文档将详细介绍ExtJS 2.0版本,帮助开发者快速掌握其核心概念和常用功能。 **一、序** 在互联网应用日益复杂的今天...

    Ext + Gwt + Struts2.0开发1

    在Eclipse中,可以通过编写代码、调试和添加功能来实现Hello World示例,同时利用Eclipse的内置工具和插件提升开发效率。 例如,创建一个简单的页面,包含一个静态标题面板和一些内嵌文本,这涉及到配置项目、编写...

    我与EXTJS有个约会

    下面是一个简单的“Hello World”示例: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;My First EXTJS App &lt;link rel="stylesheet" type="text/css" href="ext-all.css" /&gt; &lt;script type="text/javascript" src="ext-base....

    轻松学习EXTJS

    ### 轻松学习EXT JS:初学者指南 #### 一、引言 EXT JS是一款功能强大且灵活的JavaScript框架,被广泛应用于构建复杂的Web应用程序。对于初学者来说,掌握EXT JS的基础知识是非常重要的第一步。本文将从EXT JS的...

    ext2教程下载

    - **1.7节**:提供了两个简单的“Hello World”示例,帮助初学者快速入门。 #### 六、深入学习资源 - **官方网站**:提供最新版本的ext2文件系统文档和技术支持。 - **社区论坛**:可以加入Linux社区论坛,与其他...

    Ext 开发指南 学习资料

    1.6. 入门之前,都看helloworld。 1.6.1. 直接使用下载的发布包 1.6.2. 只把必要的东西放进项目中 2. 震撼吧!让你知道ext表格控件的厉害。 2.1. 功能丰富,无人能出其右 2.2. 让我们搞一个grid出来耍耍吧。 2.3. ...

    ExtJs2.0简明教程

    为了熟悉ExtJS的基本用法,可以从创建一个简单的“Hello World”示例开始: ```javascript Ext.application({ name: 'MyApp', launch: function () { Ext.create('Ext.window.Window', { title: 'Hello World', ...

    extjs入门.pdf

    - **Hello World 示例**:作为初学者的第一步,可以通过实现简单的 Hello World 示例了解 ExtJS 的基本用法和组件构建流程。 - **代码结构**:首先需要引入 ExtJS 库文件,然后定义一个容器(Container),并在其中...

    Flask v2.0 中文文档

    这个简单的应用定义了一个路由,当访问应用的根 URL 时,会返回 "Hello, World!"。 **应用结构** Flask 应用的布局通常包括几个关键部分,如 `app.py`(主应用文件)、`templates`(存放 HTML 模板)和 `static`...

    ExtJS实用开发指南.pdf

    在内容中提到的“Hello World”示例表明,ExtJS框架同样支持快速入门示例,通常这对于新手学习框架的基本使用是非常有帮助的。它通常包括如何加载框架所需的资源文件、如何使用Ext.onReady以及如何操作ExtJS组件来...

    ExtJS 2.0实用简明教程 之ExtJS版的Hello

    本教程将介绍如何在ExtJS 2.0中创建一个简单的"Hello, World!"示例。 首先,让我们分析给出的代码片段: 1. **HTML 基础结构**: ```html ”http://www.w3.org/1999/xhtml”&gt; &lt;meta http-equiv=”Content-...

    ExtJS2.0实用简明教程

    以上是ExtJS2.0实用简明教程的主要内容,通过这些基础知识的学习和实践,开发者可以快速上手,构建出功能丰富的Web应用。随着对框架理解的深入,还可以探索更多高级特性,如树形视图、拖放操作、图表等,以满足更...

    ExtJS教程.pdf

    - **示例程序**: 类似于Ext-1.1.1,Ext-2.0同样提供了许多示例程序。这些示例位于`examples`目录下,可以帮助用户更好地理解ExtJS的功能。然而,某些示例仍然需要部署到服务器才能运行。 #### 1.4 为什么有的例子...

Global site tag (gtag.js) - Google Analytics