文档章节

在Extjs中自定义组件的时候如果正确的选择父类

大叔不坏
 大叔不坏
发布于 2016/06/19 14:37
字数 320
阅读 8
收藏 0
点赞 0
评论 0

在extjs中,很容易犯一个错误,就是不管自己需要的是什么都extends Ext.panel.Panel,这样的做法很多时候是不合适的,那么该如何来选择合适的继承类呢?

  1. 继承Ext.Component: 如果自定义的组件不会包含任何其他的组件,同时也只是嵌入html代码并没有header、title等属性代码的时候,具体代码如下:
  Ext.define('Ext.ux.Image', {
      extend: 'Ext.Component', // subclass Ext.Component
      alias: 'widget.managedimage', // this component will have an xtype of 'managedimage'
      autoEl: {
          tag: 'img',
          src: Ext.BLANK_IMAGE_URL,
          cls: 'my-managed-image'
      },
      // Add custom processing to the onRender phase.
      // Add a 'load' listener to the element.
      onRender: function() {
          this.autoEl = Ext.apply({}, this.initialConfig, this.autoEl);
          this.callParent(arguments);
          this.el.on('load', this.onLoad, this);
      },
      onLoad: function() {
          this.fireEvent('load', this);
      },
      setSrc: function(src) {
          if (this.rendered) {
              this.el.dom.src = src;
          } else {
              this.src = src;
          }
      },
      getSrc: function(src) {
          return this.el.dom.src || this.src;
      }
   });
  1. 继承Container,如果创建的组件只是为了做为一个容器去包涵其他的组件,那么这个时候可以选择Ext.container.Container
  2. 继承Panel,这是一个面板又非常多多扩展属性,所以如果需要创建一个比较复杂的组件的时候可以选择Ext.panel.Panel

© 著作权归作者所有

共有 人打赏支持
大叔不坏
粉丝 1
博文 4
码字总数 648
作品 0
普陀
前端工程师
Extjs GridPanel用法详解

创建GridPanel 要使用GridPanel,首先要定义Store,而在创建Store的时候必须要有Model,因此我们首先来定义Model: //1.定义ModelExt.define("MyApp.model.User", { }); 然后创建Store: //...

鱼煎
2017/11/02
0
0
Extjs甘特图性能优化解决方案

Extjs甘特图的大数据量和性能优化 Extjs甘特图所能支持的数据量,以及界面的渲染和操作性能,是衡量一个甘特图组件是否符合项目需要的重要指标。 为了支持超过万级超大数据量的甘特图,Extjs...

芳草凄凄
2012/03/15
0
0
Extjs甘特图开发指南之高级应用

Extjs甘特图的大数据量和性能优化 Extjs甘特图所能支持的数据量,以及界面的渲染和操作性能,是衡量一个甘特图组件是否符合项目需要的重要指标。 为了支持超过万级超大数据量的甘特图,Extjs...

fanganw
2012/02/29
0
0
Dijit、ExtJS、jQuery UI 异同浅析

简介: 当今,各类 JavaScript 框架在前端开发中已经相当普及。Dojo、Ext jQuery 等主流 JavaScript 框架不仅提供了一系列核心 API 来屏蔽浏览器差异,简化 DOM 操作、增强 JavaScript 原生 ...

索隆
2012/02/21
0
0
Extjs MVC开发模式详解

在JS的开发过程中,大规模的JS脚本难以组织和维护,这一直是困扰前端开发人员的头等问题。Extjs为了解决这种问题,在Extjs 4.x版本中引入了MVC开发模式,开始将一个JS(Extjs)应用程序分割成...

鱼煎
2017/11/02
0
0
ExtJs自学教程(1):一切从API开始

该系列文章不侧重全方位的去介绍ExtJs的使用,只是侧重于解决ExtJs问题的思考方法。写的人不用长篇大论,学的人则能够自立更生。l 学习的人只要有一些CSS的javascript的基础知识并且对于英文...

77970290
2013/05/07
0
0
ExtJS中get、getDom、getCmp、getBody、getDoc的使用

Ext中包含了几个以get开头的方法,这些方法可以用来得到文档中DOM、得到当前文档中的组件、得到Ext元素等,在使用中要注意区别使用。 1、get方法 get方法用来得到一个Ext元素,也就是类型为E...

Junn
2012/11/22
0
0
ExtJS框架基础:事件模型及其常用功能

前言 工作中用ExtJS有一段时间了,Ext丰富的UI组件大大的提高了开发B/S应用的效率。虽然近期工作中天天都用到ExtJS,但很少对 ExtJS框架原理性的东西进行过深入学习,这两天花了些时间学习了...

liujie_sun
2014/03/04
0
0
ExtJS 3.2 学习笔记(1)

嗨,开源中国的各位网友大家好,我是开源中国的菜鸟,因为做软件工作这么久一直没注册开源中国账号,很OUT的吧。。。各位见笑了。。 工作也两年多了,做了好几个基于EXTJS的项目,所以对Ext...

林仙彬
2013/06/03
0
0
ExtJS入门之事件(fireEvent)

事件是指一个特定的动作,这个动作可以针对HTML元素的,如keydown,keyup,mouseover, mouseout等,也可以是对于其它自定义的动作,如对Ajax异步请求的响应等。在ExtJS中,该如何处理呢? 1. 处...

jxlgzwh
2014/09/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Confluence 6 配置时间和日期格式

你可以修改你 Confluence 为用户显示的时期和时间格式。设置的句法使用的是 SimpleDateFormat class,请参考 Java SimpleDateFormat 文档中的内容来设置日期和时间格式。 有下面 3 个时间和日...

honeymose
11分钟前
0
0
php seralize unserialize

关于PHP 序列化(serialize)和反序列化(unserialize)出现错误(Error at offset)的解决办法。 首先我们分析一下为什么会出现这个错误: 编码问题 UTF-8: ANSI: 我发现在我的机器上边编码改...

yeahlife
17分钟前
0
0
七、JSP九大内置对象和四个作用域

九大内置对象: request:类型是HttpServletRequest,和Servlet里的HttpServletRequest一模一样。 response:类型是HttpServletResponse,和Servlet里的HttpServletResponse一模一样。JSP里基...

Wakeeee_
20分钟前
0
0
第十四章NFS服务搭建与配置

14.1 NFS介绍 NFS介绍 NFS是Network File System的缩写;这个文件系统是基于网路层面,通过网络层面实现数据同步 NFS最早由Sun公司开发,分2,3,4三个版本,2和3由Sun起草开发,4.0开始Netap...

Linux学习笔记
52分钟前
0
0
双向认证-nginx

1、设置容器 docker run -it --name nginx-test2 -v /home/nginx:/apps -v /home/nginx/conf/nginx.conf:/etc/nginx/nginx.conf:ro -p 8183:80 -p 7443:443 -d nginx:stable 2、修改nginx配......

hotsmile
53分钟前
0
0
深入了解 Java 自动内存管理机制及性能优化

一图带你看完本文 一、运行时数据区域 首先来看看Java虚拟机所管理的内存包括哪些区域,就像我们要了解一个房子,我们得先知道这个房子大体构造。根据《Java虚拟机规范(Java SE 7 版)》的规...

Java大蜗牛
55分钟前
4
0
SpringBoot | 第六章:常用注解介绍及简单使用

前言 之前几个章节,大部分都是算介绍springboot的一些外围配置,比如日志 配置等。这章节开始,开始总结一些关于springboot的综合开发的知识点。由于SpringBoot本身是基于Spring和SpringMvc...

oKong
56分钟前
12
0
云数据库架构演进与实践

如今,大型企业如金融企业和银行等,在下一代的微服务架构转型要求下,需要基础软件和数据平台能够实现原生的云化,以满足微服务架构的需求。 微服务,也就是一种面向服务的,有特定边界的松...

巨杉数据库
57分钟前
0
0
Linux系统梳理---系统搭建(一):jdk卸载与安装

1.去官网下载符合Linux版本的jdk,暂用jdk-8u171-linux-x64.rpm 2.登陆Linux,进入usr目录,创建java目录(方便管理,可以其他位置):mkdir java 3.上传下载的jdk包至Linux服务器,使用rz指令(sz f...

勤奋的蚂蚁
今天
0
0
Linux Kernel 4.16 系列停止维护,用户应升级至 4.17

知名 Linux 内核维护人员兼开发人员 Greg Kroah-Hartman 近日在发布 4.16.18 版本的同时,宣布这是 4.16 系列的最后一个维护版本,强烈建议用户立即升级至 4.17 系列。 Linux 4.16 于 2018 年...

六库科技
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部