`

ExtJS 入门—我的第一个ExtJS程序

阅读更多
详情请看:http://dev.sencha.com/deploy/ext-4.0.7-gpl/docs/index.html#!/guide/getting_started

1.Download Ext JS 4 SDK http://www.sencha.com/products/extjs/,解压,把用到的包放在web root directory下。
2.在页面index.html,
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css">
<script type="text/javascript" src="extjs/ext-debug.js"></script>这两个是必须要引入的,然后可以使用ExtJS了。
3.新建一个js文件,在其中写入代码:
   Ext.application({
    name: 'HelloExt',
    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                {
                    title: 'Hello Ext',
                    html : 'Hello! Welcome to Ext JS.'
                }
            ]
        });
    }
});
在页面index.html 中,引入文件,然后运行,即可。
分享到:
评论

相关推荐

    ExtJs入门实例(内含N个实例源码)

    ExtJS入门实例、包含各种详细代码,非常适合初学者学习

    extjs入门案例大全

    title: "第一个", width: 300, height: 300, html: '&lt;h1&gt;Hello World&lt;/h1&gt;' }); }); ``` 这个例子创建了一个Panel,设置了标题、宽高,并将HTML内容注入到Panel中,显示“Hello World”。 最后,EXTJS的...

    ExtJS入门.rar

    第 1 章闪烁吧!看看extjs那些美丽的例子。 1.1. 一切从extjs发布包开始 非常幸运的是,我们可以免费去extjs.com下载ext发布包,里边源代码,api文档,例子一应俱 全。不过要是想访问svn获得最新的代码,就要花钱...

    extjs入门.pdf

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

    EXTjs自己的入门笔记

    在`&lt;body&gt;`部分,可以添加自定义的HTML内容,例如“这是我的第一次...”。 通过以上步骤,你就成功地在本地环境中搭建了一个EXTJS的简单应用,并了解了EXTJS的基本配置和运行流程。EXTJS提供了丰富的组件和布局管理...

    EXT中文手册(extjs入门教程)

    下载后,你可以通过在 HTML 文件中引入 EXTJS 的库文件,然后利用提供的 API 创建你的第一个 EXTJS 应用。 Element:EXT 的核心 EXTJS 的 Element 是一个封装了 DOM 元素的对象,它提供了丰富的操作 DOM 的方法,如...

    Extjs+Struts整合入门实例

    ExtJS 是一个强大的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的组件库,包括数据网格、表格、图表等,使得开发者可以创建出功能强大且用户界面友好的网页应用。Struts,则是Java EE平台上的一...

    传智播客EXTJS视频下载地址

    - **资源推荐**:《ExtJS快速入门指南》(PDF格式),该资源提供了ExtJS的安装配置步骤、环境搭建指南,并介绍了如何创建第一个ExtJS项目。 2. **JavaScript基础回顾**:为了更好地掌握ExtJS,需要具备一定的...

    Extjs4.1.1

    第一讲.ExtJs初识及其环境搭建 第二讲.开始ExtJs梦想之旅 第三讲.ExtJS工具栏、菜单栏 第四讲.ExtJS最常用的表单之textfield控件 第五讲.ExtJs最常用表单组件Number、CheckBox、Radio 第六讲.ExtJs最常用表单...

    Extjs4.0中文学习手册_入门详解.docx

    编写第一个“Hello World”示例,创建一个名为`helloworld.js`的JavaScript文件,内容如下: ```javascript Ext.application({ name: 'HelloExt', launch: function() { Ext.create('Ext.container.Viewport', {...

    深入浅出ExtJS第2版(完整版)

    相较于第一版,新版在内容上更加全面,覆盖了ExtJS的基础概念、高级特性、性能优化等多个方面,无论是初学者还是有经验的开发者,都能从中获得有价值的指导。 ### 核心知识点 1. **组件系统**:ExtJS的组件是其...

    ExtJs4.0 手册中文版

    教程可能包括安装环境、创建第一个应用、理解基本组件的使用方法,以及逐步进阶到更复杂的主题,如远程数据加载和AJAX通信。 最后,`EXT_js_中文手册.pdf`可能是另一个版本或形式的ExtJS 4.0中文文档,它可能提供与...

    深入浅出ExtJS(第2版).

    初学者可以从了解ExtJS的基本概念入手,比如如何设置环境、如何创建第一个项目等。官方文档是一个非常好的起点,其中包含了详尽的教程和示例代码。 #### 2. 进阶阶段 掌握了基础知识之后,可以尝试使用ExtJS来构建...

    我与EXTJS有个约会

    ### 我与EXTJS有个约会 #### 一、为什么学习EXTJS? 在现代Web开发领域,用户体验至关重要。随着Web 2.0时代的到来,越来越多的应用程序开始注重前端的表现力和交互性,而不仅仅是功能实现。JavaScript及其相关的...

    extjs入门教程

    ### ExtJS 入门教程详解 #### 一、ExtJS 概览 ##### 1.1 ExtJS 定义及特点 - **定义**: ExtJS 是一款强大的前端框架,主要用于构建复杂的用户界面(UI),其核心特性在于它是一个与后台技术相对独立的前端 AJAX ...

    Extjs教程_第一章_起步(1)

    【ExtJS教程_第一章_起步(1)】章节主要介绍了ExtJS框架的基础知识,适合初学者入门。ExtJS是一个强大的JavaScript库,专为构建富互联网应用程序(RIA)而设计,它扩展了雅虎YUI库,增加了更多功能和组件。 1. **...

Global site tag (gtag.js) - Google Analytics