把手教你ExtJS从入门到放弃——篇十五(示例12：define方法的过程以及，使用别名创建实例的方式)

于 2018-11-20 21:44:58 发布
阅读量194 收藏
点赞数
文章标签： ExtJS中define方法的过程以及，使用别名创建实例的方
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JavaCoder_juejue/article/details/84310410
版权

对于Ext的创建类，也就是define方法，这个过程是Ext非常复杂的，我们从define方法的配置项就可以看出来，创建一个类可能经过一些列的操作，去检查到底都配置了哪些配置，然后对应的给所配置的信息添加类的相关操作。 如图所示：

下面绿色的表示，肯定会走这三个处理器，蓝色的如果配置了就走

这里只说下Extend配置，每个类都会继承Base类，这里如果没有继承的类的话就默认找Base类

 

除了使用类名创建实例

还可以用别名的方式创建：（xtype属性） Ext.widget或Ext.createWidget方法的使用

 

我才是真的封不觉
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Ext4 创建类 Ext.define
ASD1415926的专栏
10-13 1160
Ext.define(className, members, onClassCreated); className 要声明的类的名字 members 一个对象，包含类成员 onClassCreated 一个可选的回调函数，因为新的异步加载机制，这个回调函数会很有用，当所有依赖已经引入，并且类完全创建好了之后，这个函数会被调用 继承： Ext.define("MyApp.M
ExtJS4中的requires使用方法示例介绍
12-11
ExtJS4的requires是新增的机制，主要是实现异步加载机制。这样在不点击对应的按钮或者选项的时候就不会加载对应的js文件，提高了加载速度和用户等待时间。 requires机制的实现通过一个Ext.Loader.setConfig函数来...
ExtJs grid使用详细
nxyc_twz
12-08 251
Ext2.0是一个javascript框架，它的Grid控件和其它可以显示数据的控件，能够支持多种数据类型，如二维数组、Json数据和XML数据，甚至包括我们自定义的数据类型。Ext为我们提供了一个桥梁Ext.data.Store，通过它我们可以把任何格式的数据转化成grid可以使用的形式，这样就不需要为每种数据格式写一个grid的实现了。 首先，一个表格应该有列定义，即定义表头ColumnMod...
5、ExtJs——Ext基础架构--define定义一个类
kaoa000的专栏——非淡泊无以明志，非宁静无以致远
09-17 1万+
如果要学好ExtJS，对于javascript是必须的，也就是说，对于理解ExtJS底层基础架构的理解也是必须的。那么我们现在就开始学习ExtJS的基础架构。 如何创建一个Ext的类、创建类的复杂流程 - Ext.js和Ext-more.js深入解析 - Ext对原生javascript类的扩展 - Ext操作Dom - Ext开始响应事件
extjs应用实例
06-28 227
一、js就一个文件：plans.js [code="java"] Ext.namespace("com.ibeans.ui"); /** * 数据列表 * @class com.ibeans.PlansGridPanel * @extends Ext.grid.GridPanel */ PlansGridPanel = Ext.extend(Ext.grid.Gr...
extjs 创建多个实例
zwlabcdefg的博客
04-26 138
  Ext.onReady(function() { var html = '<p>测试数据.</p>'; var configs = [{ title: 'Basic Panel', collapsible:true, width:400, html: html ...
Extjs5.0从入门到实战开发信息管理系统
09-06
给大家分想一套视频教程，Extjs5.0从入门到实战开发信息管理系统（Extjs基础、Extjs5新特性、Spring、Spring mvc、Mybatis），希望对大家学习Extjs5.0有帮助
extjs-reactjs-examples:ExtJS到React过渡的代码示例
05-16
Ext JS-> React示例 这些代码示例支持上的Ext JS to React博客文章。 以下是本系列所涵盖主题的概述（随着本系列的推出，链接将更新）： （） 类系统 （） （） （） （） 模板化 （） （代码） 清单（代码...
手把手教你学ExtJS 6.0 附源码
08-05
该文档有30页，详细介绍了从零开发一个ExtJS6的应用程序。该教程涵盖了ExtJS6的大多数知识点。如果你的ExtJS感兴趣，并且按照教程一步一步的做了，掌握ExtJS开发是轻而易举的事。学不会你的打我。
extjs的Ext.define()函数的用法以及注意点。
看不过的黑工坊
10-14 5954
译自：http://docs.sencha.com/extjs/4.2.3/#!/api/Ext define( className, data, [createdFn] ) : Ext.Base Defines a class or override. A basic class is defined like this: Ext.define('My.aweso
ext js define
p656456564545的专栏
07-17 907
分类： 网页前台技术2014-09-17 19:49 1597人阅读 评论(1) 收藏 举报 如果要学好ExtJS，对于javascript是必须的，也就是说，对于理解ExtJS底层基础架构的理解也是必须的。那么我们现在就开始学习ExtJS的基础架构。 如何创建一个Ext的类、创建类的复杂流程 - Ext.js和Ext-more.js深入解析 - Ext对原生javascript类
ExtJS 4.2 教程-03：使用Ext.define自定义类
weixin_30248399的博客
08-22 361
转载自起飞网，原文地址：http://www.qeefee.com/extjs-course-3-define-classes ExtJS 4.2 教程-01：Hello ExtJS ExtJS 4.2 教程-02：bootstrap.js 工作方式 ExtJS 4.2 教程-03：使用Ext.define自定义类 ExtJS 4.2 教程-04：数据模型 ExtJS 4.2 教程-...
Ext.define 方法
热门推荐
沉底的石头
09-17 2万+
define(String className, Object data, Function createdFn): Ext.Base  从上面可以看出，define方法最多接受3个参数，className(类的名字)，data(Object对象)，createdFn(回调函数)。 常用于 define a class，override or extend 一个类的proper
Ext学习资料大全
江夏lz的博客
02-04 148
轻松搞定 ExtJS http://download.csdn.net/source/1801086 ExtJS实例 一个非常不错的学习Ext的源码 http://download.csdn.net/source/1736603 ExtJS项目 一个博客系统 http://download.csdn.net/source/1736690 Eclipse Ext插件 http://download....
ExtJs学习一 Ext.define 与 Ext.create 方法总结
stryker的专栏
07-13 1万+
/** *@summary Ext.define 与 Ext.create方法的学习 */ Ext.define('TestDefine', { extend:'Ext.window.Window', alias: 'haha', width: 400,
ExtJS4.2使用Ext.define自定义类（二）
仗剑行于江湖，执笔记江湖事。
10-31 2393
javascript自定义类如下：<script type="text/javascript"> var Person = function (name, age) { this.Name = ""; this.Age = 0; this.Say = function (msg) {
一个ExtJS实例
程序员小董的专栏
05-12 778
聊聊ExtJS 这几天接触了一个项目 前台用的是extjs 发现这个东西还是有点意思的  就把前台的部分 剥离了下来 有兴趣的朋友可以当做模板学习 不多说先上效果图 这篇文章 可以看作是ext知识的一个汇总 因此我不想讲太多细碎的知识点 但我会一一之命这些知识点在哪里可以找到 另一方面 ext细碎的知识点确实太多 自己没有精力也不想搞的太清楚 够用就行
玩转Extjs5之使用Ext.define自定义类（三）
六指琴魔
03-19 1558
一、 ExtJS5  自定义类         ExtJS5 允许用户使用Ext.define 自定义类。本文将通过实例介绍如何使用Ext.define自定义类。由于作者本人是学java的，Java在学习过程中，自定义类喜欢用“Person”，因此本文也用Person作为例子吧。具体代码如下： Ext.onReady(function(){
EXTJS 组件开发（完整例子）
hongweigg的专栏
01-15 7587
目标：EXTJS组件开发，从component基础实现一个TAB控件。 使用EXTJS版本为5.0。测试通过。 这个例子还很初级，仅仅是说明通过示例使用EXTJS进行组件开发的一个基本思路。 EXT JS TEST .tabsDiv{ width:500px;height:450px; margin-top: 0px; margin-left: 0px

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我才是真的封不觉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值