`

ExtJs学习入门

 
阅读更多

ExtJs简介
ExtJS
是一个用javascript写的,主要用于创建前端用户界面,使一个与后台技术无关的前端ajax框架。因此,
可以把ExtJs用在.Net Java 等各种开发语言开发的应用中。


获得ExtJS
ExtJs
开源框架可以在官方网站上下载,网址:http//extjs.com/download
解压出来的文件有:
adapter:
负责将里面提供第三方底层库(包括Ext自带的底层库)映射为Ext所支持的底层库。
build:
压缩后的ext全部源码(里面分类存放)。
docs
extJS API
exmaples:
提供使用ExtJs技术做出的小事例.
resources:Ext UI
资源文件目录,Css 图片文件都存放在这里面.
Ext-all-debug.js:
无压缩的Ext全部的源码(用于调式).
ext-core.js:
压缩后的Ext的核心组件,包括sources/core下的所有类.
ext-core-debug.js:
无压缩Ext的核心组件,包括source/core下的所有类.

编写ExtJs程序必备包:
ext-all.js |--
核心文件,包含了ext的所有功能
adapter/ext/ext-base.js | --
基础包
build/locale/ext-lang-zh_CN.js |
中文翻译
resources |
包含css样式和图片

第一个HelloWorld程序

//在自己建的工程里导入必须的包
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css">
<script type="text/javascript" src="adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="examples.js"></script>
<script>
Ext.onReady( //初始化页面时执行
function()
{
Ext.MessageBox.alert('hello world','Hello ExtJs');
}
);
</script>

分享到:
评论

相关推荐

    EXTJS4.2学习入门教程

    EXTJS4.2学习入门教程 EXTJS4.2学习入门教程 EXTJS4.2学习入门教程

    Extjs4.0学习手册、入门教程详解学习

    Extjs4.0学习手册、入门教程详解学习 Extjs4.0学习手册、入门教程详解学习 Extjs4.0学习手册、入门教程详解学习

    ExtJS入门教程(超级详细).pdf

    ExtJS入门教程(超级详细).pdf

    Extjs4.1 小例子(适合extjs初学者学习使用)

    标题中的"Extjs4.1 小例子"意味着这个压缩包包含了一些基础的示例代码,旨在帮助初学者快速入门。通过这些小例子,你可以了解如何使用ExtJS 4.1来创建用户界面,包括布局管理、组件系统、数据绑定、事件处理等核心...

    界面框架extjs学习笔记

    EXTJS in Action 是一本专为学习EXTJS编写的书籍,但这里我们主要关注学习笔记中的关键知识点。 首先,EXTJS的目录结构非常重要,因为它包含了所有必要的资源和源码: 1. `adapter`:这部分包含了适配器,用于将...

    extjs入门之组件学习

    extjs入门学习,各个组件的使用,包括Observable、Observable、BoxComponent、Container、Panel、Viewport及Window...

    extjs4学习文档

    EXTJS4的学习文档旨在帮助开发者掌握这一框架,尤其对于初学者来说,提供了宝贵的资源。文档中包含了从环境配置到实际应用开发的基础步骤。 首先,学习EXTJS4的第一步是获取EXTJS的开发资源。EXTJS的下载地址是...

    extjs学习网页学习资料

    在"extjs学习网页学习资料"中,我们可以深入学习EXTJS的核心概念和技术。文档阅读部分可能包含EXTJS的官方文档,这些文档通常会详细解释EXTJS的各种组件、API和设计模式。通过阅读这些文档,开发者可以理解EXTJS的...

    ExtJs学习资料 入门好材料

    本文将深入讲解ExtJS的学习,尤其是对初学者而言极其重要的基础知识。 在学习ExtJS时,入门资料是非常关键的,因为它可以帮助我们快速理解框架的基本概念和用法。在提供的部分内容中,我们可以看到一系列关于Ext....

    ExtJS入门教程(超级详细)

    入门ExtJS需要了解如何获取和应用库文件,理解Ext.onReady的使用,掌握基础的组件创建和应用,以及熟练运用DOM操作和CSS样式操作。随着对ExtJS的深入了解,开发者将能够构建出既美观又功能丰富的Web应用。

    Extjs4.0基础学习指南

    一款很好的适合Extjs4.0初学者学习的word文档,示例加上简单的标注说明,使你很快对Extjs4.0进入入门阶段,不可多得的文档,值得下载

    前台Extjs学习资料

    本学习资料主要涵盖了ExtJS的基础知识、进阶技巧以及实际开发应用。 《ExtJS6.0开发培训.docx》: 这份文档详细介绍了ExtJS 6.0版本的特性,包括模块化设计、多设备支持(Modern and Classic Toolkit)、可扩展的...

    Extjs 5 学习笔记

    ### Extjs 5 学习笔记之 SenchaCmd 深入解析 #### 一、SenchaCmd 的简介 SenchaCmd 是一个跨平台的命令行工具,它为基于 ExtJS 和 Sencha Touch 应用程序的开发周期提供了全面的支持。从创建应用程序的基础结构到...

    ExtJs4.0入门教程

    ExtJs4.0入门教程,详细介绍ExtJs4.0。

    Extjs实用教程入门学习Extjs

    ### Extjs实用教程入门学习详解 #### 极致解析Extjs框架的核心价值与应用场景 **Extjs**,作为一款杰出的Ajax框架,以其强大的功能和灵活性,在Web开发领域占据了一席之地。它不仅能够帮助开发者构建出具备华丽...

    ExtJs2.0学习系列

    学习如何使用Ajax请求来获取或提交数据,以及配合JSONP处理跨域问题,是开发动态Web应用的基础。 七、工具栏和菜单 工具栏(Toolbar)和菜单(Menu)在用户界面中起到辅助操作的作用。学习如何创建和定制这些元素,...

    Extjs5.0从入门到实战开发信息管理系统

    在掌握了ExtJS的基础和新特性后,我们将进入后端技术的学习,主要是Spring、Spring MVC和Mybatis。Spring是一个全面的Java企业级应用框架,它提供了依赖注入、面向切面编程等功能,简化了应用开发。Spring MVC是...

    Extjs3.x入门学习

    本篇将基于"Extjs3.x入门学习"这一主题,深入探讨相关知识点。 1. **EXT_JS实用开发指南**: 这份文档可能包含了关于ExtJS的基本概念、架构以及开发流程的介绍,帮助初学者快速上手。可能包括如何创建基本的页面...

    Extjs学习文档集锦

    4. **EXTJS学习文档.pdf**:这可能是另一份专门针对初学者的学习资料,可能包含入门教程、实例分析和练习题。它可能从最基础的HTML和JavaScript知识开始,逐步引导读者进入ExtJS的世界,学习如何创建和组织应用程序...

Global site tag (gtag.js) - Google Analytics