`

关于extjs z

阅读更多

   ExtJS简介

         Ext是一个Ajax框架,用于在客户端创建丰富多彩的web应用程序界面,是在Yahoo!UI的基础上发展而来的。官方网址:www.sencha.com

         ExtJS是一个用来开发前端应用程序界面的JS框架,借鉴Swing等思想,提供了一套完整的组件库及强大的ajax支持功能,可以用Ext来开发基于Ajax的富客户端应用。

    ExtJS特点

  • 使用标准的W3C技术;
  • 庞大的组件模型及控件库;  
  • 丰富绚丽的界面元素;
  • 强大实用的工具封装;
  • 开源GPL;         

   ExtJS开发环境搭建:

        (1)  下载Ext开发包,下载地址:http://www.sencha.com/products/extjs/download?page=a

        (2)  将Ext开发包copy到Myeclipse目的/WebRoot目录下

               注意:不需要整个Ext开发包全部导入,这样很容易造成Myeclipse卡死,因为Myeclipse会自动检测js的合法性,会占用大量的检测时间、cpu和内存。通常普通的开发只需要用到\extjs-4.1.0\resources文件包\extjs-4.1.0\ext-all.js这两个资源就可以,需要中文化再导入\extjs-4.1.0\locale\ext-lang-zh_CN.js 就可以了

               

         (3)  在web页面中通过<script>标签引入ext的库文件。(注意引入顺序)

               <link rel="stylesheet" style="text/css" href="extjs-4.1.0/resources/css/ext-all.css"></link>       // 引入样式文件

              <script type="text/javascript" src="extjs-4.1.0/ext-all.js"></script>    // 引入ext核心组件及驱动

              <script type="text/javascript" src="ext-4.0.1/locale/ext-lang-zh_CN.js"></script>    //  中文化

         (4)  调用Ext.onReady()初始化组件库

                 <script>
                       Ext.onReady(function(){
                             …///在这里面创建及使用ext控
                        });
                </script>

         注意:由于Myeclipse资源占用比较大,可以参看我的另一篇博文《Myeclipse优化》进行精简化,否则开发ExtJS会速度很慢。


分享到:
评论

相关推荐

    ExtJS皮肤1.7z

    "ExtJS皮肤1.7z"这个压缩包显然包含了18款不同的皮肤,这些皮肤可以用于改变ExtJS应用的外观和感觉,以满足不同项目或用户界面设计需求。 皮肤(Skin)在ExtJS中是至关重要的,因为它们允许开发者无需更改代码就能...

    extjs-4.1.1a.7z

    extjs4.1版本,4.1版本提供了丰富的报表操作

    ext-4.2.0.663 EXTJS官方最新版7z压缩

    综上所述,"ext-4.2.0.663 EXTJS官方最新版7z压缩"是一个包含EXTJS框架特定版本的压缩文件,使用7z压缩格式,需要7-Zip软件解压。开发者可以利用EXTJS的强大功能,构建高效、美观的Web应用。在使用过程中,注意版本...

    EXTJS_.7z文件上传

    8. **ACCP教程**:"ACCP教程网.mht"可能包含关于ACCP(Accelerated Computerized Certified Professional)课程的相关内容,这可能是一个IT认证课程,可能涵盖EXTJS、Struts2等技术。 9. **51CTO下载**:51CTO是一...

    extjs表单验证特殊字符

    在EXTJS中,表单验证是确保用户输入数据符合预设规则的重要环节。EXTJS提供了一种强大的方式来实现客户端验证,这可以帮助开发者在用户提交数据前检查输入的有效性,从而减少服务器端的压力并提高用户体验。本文将...

    ExtJS的可视化界面设计器

    解压Ext Designer Preview.7z文件,并将其中的内容覆盖到安装目录下,以完成软件的更新或安装。 3. **主要功能** - **拖拽式布局**:在Designer中,开发者可以通过拖拽组件库中的控件到设计画布,快速创建界面元素...

    基于Extjs的模态对话框

    除了基本用法,Extjs还允许对模态对话框进行更复杂的定制,例如设置动画效果、调整z-index以处理重叠问题,或者通过`draggable`和`resizable`属性控制对话框的拖动和缩放行为。此外,还可以使用`mask`配置项自定义...

    Extjs 3.0 designer pre 官方版 + 修改补丁

    "Ext+Designer+Preview.7z"是主要的软件包,采用7-Zip的压缩格式,包含了ExtJS 3.0 Designer的所有资源和文件。7-Zip是一款免费且开源的压缩软件,提供高比率的文件压缩,解压后可以得到Designer的可执行文件和其他...

    jquery/extjs智能提示所需文件spket.7z

    这里提到的"jquery/extjs智能提示所需文件spket.7z"是一个压缩包,包含了帮助开发者在编写代码时实现智能提示功能的工具——Spket的配置和资源文件。 Spket是一款强大的JavaScript IDE插件,支持包括jQuery和ExtJS...

    extjs-4.2.1.883.7z

    js框架 extjs-4.2.1.883.7z

    extjs 图表制作

    你可以设置X轴和Y轴,甚至在3D图表中设置Z轴。 - 轴的标签、刻度和范围都可以自定义,以适应不同的数据集和分析需求。 6. **图例和提示** - 图例用于标识图表中的不同系列,用户可以通过点击图例来隐藏或显示相关...

    JAVASCRIPT DIV 弹层(模仿EXTJS)

    EXTJS是一个功能强大的前端框架,它提供了丰富的组件库,包括弹层组件,设计精美且易于使用。当我们想要在自己的项目中实现类似EXTJS的弹层效果时,可以借助JavaScript和CSS来创建。 首先,我们要理解Div的基本概念...

    Extjs 提示和正则表达式

    =.*[a-zA-Z]).{6,}$/, msg: '密码必须包含数字和字母,长度至少6位' }, msgTarget: 'side' } ``` 这个例子中,密码必须包含至少一个数字和一个字母,并且长度至少6位。如果不符合规则,将显示自定义的错误消息。...

    extjs42.17

    ext4 2 1 7z

    ext-7.0.0-gpl.7z

    "ext-7.0.0-gpl.7z" 是一个包含ExtJS 7.0 GPL版本的压缩包文件,其中包含了用于开发的全部源代码和必要的资源。 1. **ExtJS 7.0 版本**: ExtJS 7.0 是该框架的一个主要更新,带来了许多新特性、性能优化以及对...

    extjs6.2加SenchaCmd-6.5.3.6-windows-64bit

    对于`ext6.2.0gpl.7z`文件,这是ExtJS库的压缩包,包含所有必要的JavaScript和CSS文件,以及图像和其他资源。解压后,这些文件可以被引用到项目中,为应用程序提供功能强大的UI组件。开发者需要根据项目需求,选择性...

    extjs4 对各类型store各种数据的读取 model 前台 等等

    { type: 'format', field: 'username', matcher: /^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([A-Za-z]){2,4}$/ } // 邮箱格式验证 ] }); ``` 这个示例中定义了一个名为`User`的Model,包含多个字段及其对应的验证规则。...

    extjs总结.docx

    可以通过定义正则表达式、掩码和错误信息来限制用户输入,如`Ext.form.VTypes['nameVal'] = /^[A-Z][A-Za-z\-]+[A-Z][A-Za-z\-]+$/`。 5. **组件与字段**:EXTJS包含多种组件,如`TextArea`和`HTMLEditor`。`...

    extjs javascript 开发工具 1

    2. **WebStorm-10.0.4.7z.003** - WebStorm是一款由JetBrains公司开发的JavaScript集成开发环境(IDE),特别适合于ExtJS这样的前端框架开发。WebStorm提供了代码自动完成、语法高亮、错误检查、重构、版本控制集成...

    extjs总结.pdf

    【EXTJS 概述】 EXTJS 是一个强大的 JavaScript 框架,主要用于构建富客户端的 Web 应用程序。它的核心特性包括可扩展的组件模型、丰富的用户界面和数据绑定机制。EXTJS 提供了大量的预定义组件,如表格、表单、...

Global site tag (gtag.js) - Google Analytics