Extjs 3 中是这样定义类的:
MyApp.LoginWindow = Ext.extend(Ext.Window, {
title: 'Log in',
initComponent: function() {
Ext.apply(this, {
items: [
{
xtype: 'textfield',
name : 'username',
fieldLabel: 'Username'
},
...
]
});
MyApp.LoginWindow.superclass.initComponent.apply(this, arguments);
}
});
Extjs4 中改成:
Ext.define('MyApp.LoginWindow', {
extend: 'Ext.Window',
title: 'Log in',
initComponent: function() {
Ext.apply(this, {
items: [
//as above
]
});
MyApp.LoginWindow.superclass.initComponent.apply(this, arguments);
}
});
这样做有两个好处:
- 不会出现忘记定出 MyApp namespace 的情况
- 如果 Ext.Window 的定义位置比 MyApp.LoginWindow 晚,使用 4 的方式可以延时定义 LoginWindow 知道找到了 Ext.Window 的定义
分享到:
相关推荐
在本文中,我们将深入探讨ExtJS4这一版本的重要特性、改进以及它如何扩展了先前版本的功能。 首先,ExtJS4在组件化方面有了显著提升。在之前的版本中,组件系统就已经是其核心优势,而ExtJS4进一步优化了这一系统,...
本文将详细解析"ExtJS4多文件上传,带进度条及管理"这一主题,涵盖其核心概念、实现方式以及相关技术。 **一、ExtJS4概述** ExtJS4是Sencha公司推出的一个前端框架,它提供了丰富的组件库和强大的数据绑定机制,...
此外,EXTJS4.x版本相比早期版本,引入了许多改进和新特性,例如新的图表系统、改进的布局管理、增强的数据包(Ext.data)以及对触摸设备的支持。开发者在升级或初次接触EXTJS4时,应充分了解这些变化,以便更好地...
ExtJS 4是其一个重要的版本,引入了许多新特性、改进和优化。以下是我根据提供的文件名整理的关于ExtJS 4的关键知识点: 1. **控件属性**:在`Extjs 控件属性.doc`中,可能会涵盖ExtJS 4中的各种组件(如窗口、面板...
标题“Extjs4 桌面效果优化”指的是开发者对官方提供的ExtJS 4桌面主题进行了定制和改进,以满足更丰富的功能需求或视觉效果。通常,这样的优化可能包括以下方面: 1. **自定义图标和样式**:开发者可能更换了默认...
ExtJS 4版本是该框架的一个重要里程碑,引入了大量新特性和改进,其中Button组件作为最常用的基础组件之一,其功能和灵活性得到了显著增强。 ### 核心知识点详解 #### 1. **Button配置选项** ExtJS 4中的Button...
3. 掌握MVC架构:学习在extJS4中如何定义Model、View和Controller,并理解它们之间的交互方式。 4. 前端优化实践:学习和实践如何在extJS4项目中实现按需加载和动态加载,提高前端性能。 以上述入门介绍和开发环境...
- **Model 定义**:Model 是 ExtJS 4.0 中用于定义数据结构的核心类之一。它定义了数据的字段及其属性,为后续的数据操作提供基础。 - **字段类型**:Model 支持多种字段类型,如字符串、数字、日期等,每种字段类型...
Extjs4框架在组件创建和布局管理方面做了改进,比如在布局(layout)和区域(region)的使用方面,如果不熟悉API和相关文档,可能会在使用中遇到错误。作者强调使用Extjs4的动态加载功能来加载JS文件和CSS样式,避免...
在深入探讨ExtJS 4的基础知识之前,首先确保你已经下载了ExtJS 4.21版本,并将其部署到服务器的适当路径以便访问。 **一、表单(Form)** 在ExtJS中,表单是数据输入和验证的重要部分。表单组件包括文本框、复选框...
ExtJS 4是该框架的一个重要版本,提供了许多改进和新特性。本指南旨在帮助初学者掌握ExtJS 4的基本概念和技术。 首先,要开始学习ExtJS 4,你需要从官方站点或第三方资源下载所需的发布包。在本例中,你可以访问`...
ExtJS 4 版本带来了许多改进,如新的布局系统、优化的性能以及更好的可维护性。 SSI,全称 Server-Side Includes,是一种服务器端脚本语言,常用于网页动态包含静态内容,比如日期时间、文件或其它网页部分。然而,...
版本4是其一个重要的迭代,提供了许多改进和新特性。在这个特定的项目“Extjs4---combobox省市区三级联动+struts2”中,我们将探讨如何利用ExtJS 4的ComboBox组件实现省市区的三级联动效果,并结合Struts2框架进行...
它详细介绍了ExtJS的类、方法、事件和配置选项,为开发者提供了详细的参考信息。通过阅读API文档,开发者可以深入理解每个组件的工作原理以及如何自定义它们的行为。例如,`Ext.Component`是所有UI元素的基础类,而`...
这个系统在ExtJS4中得到了重大升级,它对JavaScript的语法进行了扩展,引入了类定义、静态成员、配置选项等概念,使得JavaScript更接近于传统的面向对象编程语言。 1. JS动态引用加载 在ExtJS4中,引入了动态加载...
ExtJS4引入了新的功能和改进,如改进的布局管理、性能优化和更好的API设计。 **树形视图** 树形视图是一种图形用户界面元素,用于显示具有层级关系的数据。每个节点都可以有子节点,通过折叠和展开操作,用户可以...
此外,ExtJS 4还改进了布局系统,提供更加灵活的组件布局方式。表单(Form)是ExtJS中的一个重要组成部分,它们包含了多种属性和方法来控制表单的行为和外观。例如,我们可以通过设置`bodyStyle`和`defaults`来定制...
ExtJS 4是该框架的一个版本,带来了许多改进和新特性。 在深入探讨ExtJS 4的知识点之前,我们先来了解一下这个版本的一些核心特点: 1. ** MVC模式强化**:在ExtJS 4中,Model-View-Controller (MVC) 模式得到了...
6. **主题与皮肤**:ExtJS支持自定义主题和预定义的主题,如Neptune、Trident等,7.7版可能会有新的或改进的主题选项,以满足更多设计需求。 7. **npm集成**:作为JavaScript开发的主流工具,npm(Node Package ...