`
skzr.org
  • 浏览: 367100 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

[ExtJS4]新的类机制

EXT 
阅读更多

这不ExtJS4升级了,我也开始改造原来基于ExtJS3的一些组件,发现ExtJS4的变动真的大——重新开始学习。

基本:

 

Ext.define('Ext.window.Window', {
    extend: 'Ext.panel.Panel',
    alternateClassName: 'Ext.Window',
    requires: ['Ext.util.ComponentDragger', 'Ext.util.Region', 'Ext.EventManager'],
    alias: 'widget.window'
}

 

 

  1. Ext.define(String className, Object data, Function createdF)
  2. data:
    • extend:要继承的类
    • requires:动态加载时依赖的js
    • alias:如上widget.window,表示的就是xtype=window的
    • alternateClassName:
    • mixins:混合
    • statics:类的静态配置
    • config:
    • self:
    • singleton:
    • alternateClassName:
    • 其他任何属性:名称最好不要使用以上的预置做为类的属性
  3. createdF:成功创建新类后的回调,传入的参数就是这个新定义的class,实际使用貌似不太好用

最近使用extjs4后发现以前实现的东西都要变动太麻烦了,准备还是继续使用extjs3.3.1,等待extjs4稳定后再使用学习

貌似对于form还有显示方面的bug,导致用户效果非常差,所以回到3.3.1,先完成当前的东东再说,到底是4.0.0的东西

 

 

 

 

3
2
分享到:
评论
3 楼 skzr.org 2011-05-22  
这两天extjs4.0.1发布了,感觉官方发布的速度还是有的。
之前说等到4.1,感觉自己还是畏惧了,我应该勇往直前
趁着还只是开始,转向extjs4.0了 ^ ^
加油!
2 楼 skzr.org 2011-05-21  
发布了4.0.1了,感觉很不错了,估计这几个月extjs的版本发布会比较频繁的,静待4.1版本
1 楼 skzr.org 2011-05-12  
还是先不要过快升级到ExtJS4,等4.1版本吧

相关推荐

    Extjs4_API文档整理.pdf

    作为一款功能强大的前端框架,ExtJS4在版本升级过程中引入了一套全新的类机制,对整个框架进行了大规模的重构。这一重构不仅涉及到了框架内部的每一个类,还重新设计了其架构,以适应更复杂、更高效的应用开发需求。...

    extjs4官方示例以及api文档html版

    此外,EXTJS4.x版本相比早期版本,引入了许多改进和新特性,例如新的图表系统、改进的布局管理、增强的数据包(Ext.data)以及对触摸设备的支持。开发者在升级或初次接触EXTJS4时,应充分了解这些变化,以便更好地...

    ExtJs4新类库特性详解及JS新语法扩展.pdf

    在ExtJS4中,引入了动态加载机制,允许开发者仅在需要时加载特定的类或文件。这通过`Ext.Loader`对象实现,它提供了设置配置和路径的方法,以便在运行时按需加载资源。例如,`Ext.Loader.setConfig({ enabled: true...

    ExtJs4新类库特性详解及JS新语法扩展.docx

    【ExtJs4新类库特性详解及JS新语法扩展】 ExtJS4是一个强大的JavaScript库,专为构建富客户端Web应用程序而设计。它引入了一系列的新特性,优化了JS语法,并提供了强大的类系统,使得JavaScript开发更加规范和高效...

    extjs4 ssh 项目源码

    ExtJS 4 SSH 项目源码是一个典型的Java Web开发示例,它结合了两种强大的技术:ExtJS 4(一个富客户端JavaScript库)和SSH(Struts2、Spring和Hibernate的组合)。这个项目展示了如何在后台使用SSH框架来处理业务...

    ssh+extjs4小项目

    1. **ExtJS 4.1**:这一版本的ExtJS引入了新的布局系统、图表和数据绑定增强,以及对触摸设备的支持。在项目中,它可能用于创建用户界面,如注册登录表单、人员维护和项目维护的表格、权限管理的树结构视图,以及...

    extjs4中文视频下载地址

    - **Ext 类**:Ext 是 ExtJS 的核心类,提供了一系列静态方法,用于简化常见的开发任务,如创建组件、处理事件等。 #### 十、ExtJS 4.0 的 util 包 - **Util 包**:包含了各种实用工具类,用于辅助开发过程中的...

    Extjs4+MVC+struts2后台管理系统

    Struts2提供了拦截器、动作类、结果映射等机制,使得开发者可以方便地实现请求处理、表单验证和页面跳转。在这个系统中,Struts2作为服务器端的核心,接收前端ExtJS4发送的AJAX请求,进行数据处理并返回响应。 登录...

    EXTJS4+STRUTS2+JAVA增删改查

    对于“增加”操作,ACTION会接收EXTJS4传递的新数据,创建新记录并保存到数据库;“删除”操作则根据EXTJS4传来的ID删除对应记录;“修改”是更新已存在的记录;“查询”通常通过发送过滤条件,获取数据库中的特定...

    Extjs4登录功能+验证码+struts2

    ExtJS4是一个强大的JavaScript框架,主要用于构建富客户端的Web应用程序。它提供了丰富的组件库,包括各种用户界面元素,如表格、窗体、面板等。在"Extjs4登录功能+验证码+struts2"这个主题中,我们将深入探讨如何...

    EXTJS4.0视频教程配套代码

    [02]EXTJS4.0的新特性.003.zip (14.41M)[02]EXTJS4.0的新特性.002.zip (50.00M)[02]EXTJS4.0的新特性.001.zip 第三讲:extjs4.0数据模型--Model(附件较大做了分包压缩大家只要下载2个包运行001就ok了) [03]EXTJS...

    Extjs4_API文档

    ExtJS4采用了全新的类机制进行大规模重构,为了支持这一架构的变化,几乎所有原有的类都被重新编写。对于开发者来说,理解新的架构变得至关重要,尤其是在想要扩展现有类或创建新类的情况下。 ExtJS4提供了超过300...

    ExtJS4下拉树组件

    ### ExtJS4 下拉树组件知识点详解 #### 一、概述 在ExtJS4中,下拉树组件(TreeComboBox)是一种特殊的组合框,它结合了下拉列表和树形结构的功能,允许用户通过选择树节点来填充组合框的值。这种组件广泛应用于...

    Extjs4--Form登录功能,结合struts2

    在本文中,我们将深入探讨如何使用ExtJS 4与Struts2框架集成,构建一个功能完善的登录表单。ExtJS 4是一个强大的JavaScript库,用于创建富客户端应用程序,而Struts2是一个流行的Java服务器端MVC框架,常用于处理...

    轻松搞定Extjs 带目录

    - **类的定义**: Extjs中的类继承于JavaScript原生类,通过Ext.extend来定义。这是Extjs实现面向对象编程的基础。 - **命名空间**: 命名空间在Extjs中用于组织和管理代码,避免变量和函数名的冲突。 #### 3. Extjs ...

    ExtJS4中Desktop独立源代码+功能扩充

    这需要理解ExtJS的类继承机制,以及如何编写和注册新的组件类。 5. **布局管理**:在Desktop环境中,窗口需要能够自由移动、缩放和堆叠,这就需要灵活的布局管理。ExtJS提供了多种布局类型,如Fit布局、Border布局...

    ExtJs4登录示例

    `Ext.layout.container`类族可以用来管理组件的排列方式,而CSS样式可以通过ExtJs4的内置机制或自定义CSS文件进行调整。 9. **事件监听**:通过`addListener`或`on`方法,可以添加对组件事件的监听,如表单的提交...

    ExtJS4官方指南翻译:DragandDrop拖放/Grid组件/Tree组件/容器与布局

    拖放功能通过`Ext.dd`和`Ext.util.Draggable`等类实现,这些类提供了事件监听和处理机制,使得开发者能够轻松实现自定义的拖放行为。 2. **Grid组件**: Grid组件是ExtJS4中的一个核心组件,用于展示大量结构化的...

    extjs流程界面设计器参考_ExtJS工作流设计器_extjs工作流_extjs_

    ExtJS的`Ext.draw.Container`类可以用来创建这样一个画布,支持拖放操作,允许用户放置和调整工作流元素的位置。 3. **连接线**:工作流元素之间通常需要通过连接线表示流程流转。ExtJS提供了绘图API,可以用来绘制...

    类extjs的c++界面库

    4. **主题和皮肤**:为了实现与ExtJS类似的外观和用户体验,库可能支持自定义主题和皮肤,允许开发者根据品牌或用户需求调整界面风格。 5. **数据绑定**:类似于ExtJS的数据绑定功能,这个库可能支持将UI组件与数据...

Global site tag (gtag.js) - Google Analytics