Ext自定义控件 - 自学ExtJS

本文所有思想表达均为个人意见，如有疑义请多批评，如有雷同不甚荣幸。

转载请注明出处：Nutk'Z http://www.cnblogs.com/nutkz/p/3448801.html

在用到ExtJS的扩展控件时经常会想到，这个控件有哪些属性，有哪些方法以及事件。

一般都是把前人用过的，或者是网上down的拿过来改改，如果前人没有使用这个控件的某个属性，而你又需要时就会发现，这怎么连这个功能都没有！！

其实并不一定没有，也可能是设定成了默认属性。

那么接下来就看原代码

一般控件会采用继承方式(个人认为是继承关系)，看ExtJS的源代码也是这么写的

Ext.XXX = Ext.extend(父类, {配置项})

这可以说明你使用的这个控件他继承的来源，也就是他与谁有密不可分的关系

然后往下看会发现，在他的配置项里也是存在类似于

XXX: xxx

的属性配置，前者(XXX)是他的配置项名称(Name)，后者(xxx)是他的配置内容(Value)

这个在使用该控件的时候是可以重新配置修改的，有时候这里可能隐藏着你需要的属性

当然还会发现，有一些是这样写的

XXX: function([params]){}

这样的个人觉得应该是说他具有哪些方法，当然事件应该也会这么写吧。但是因ExtJS已经封装了很多事件，所以在一些扩展控件里就看不到对于事件的定义了。

当然我们也可以在ExtJS的源代码中看到事件的定义

onClick : function(e){ this.processEvent('click', e); }

onDblClick : function(e){ this.processEvent('dblclick', e); }

processEvent : function(name, e){ this.view.processEvent(name, e); }

好像很简单吧

在然后就可能会看到有一些类似

initComponent: function(){}

初始化之类的函数，initComponent可能是继承来的一个虚方法需要重构的吧(个人觉得是这样)，当然也不止这一个方法，但是个人感觉initComponent是一个入口方法吧

好了，按照这种思路再剩下的就可以顺藤摸瓜了。

其实这么看来ExtJS并不难，他需要的可能就是最基本JavaScript的知识，当然这方面本人还是很缺乏的。

期待接下来的学习成果。。。

转载于:https://www.cnblogs.com/nutkz/p/3448801.html

Ext自定义控件 - 自学ExtJS相关推荐

[Ext JS 4] Extjs 之 initComponent 和 constructor的区别
initComponent 和 constructor是什么 Extjs 提供的组件还是挺丰富的, 但是有时候需求更丰富. 当Extjs 原生的组件无法实现我们的要求的时候, 就需要扩展Extjs 的 ...
[Ext JS 4] Extjs 图表 Legend(图例)的分行与分列显示
Extjs 中的Chart 的legend. Legend, 翻译过来的意思是图例. 在Extjs 的Chart 中, 到底代表什么呢? 直接看这张图: 右边红色框起来的部分就是Legend 了. 在 ...
ext 从头开始 extjs 控件触发事件的几种方式
记得以前的时候弄了一下但是现在已经忘记得差不多了站在巨人的肩膀上很多朋友帮忙给我解释记录下来呵 1.对象的 Listeners 里有handler 指定js方法或函数,同时也可以直接针对 ...
28. extjs中Ext.BLANK_IMAGE_URL的作用
转自:https://blog.csdn.net/yiyuhanmeng/article/details/6960132 在使用ExtJS时,我们往往需要在使用之前加入这么一句: Ext.BLANK_ ...
EXT.NET高效开发（一）——概述
之前就有想法说说这方面,直到看到我上一篇博客<EXT.NET复杂布局(一)--工作台>的回复: 小龙3:ext.net 比使用傳統的webform控件开发时间多多少? 我就决定提前写这一系 ...
Extjs中加载异步树的最简单例子实现
<!-- Author:Lovingshu&&Mr Samael Date:2012/06/25 Remark:Teach You How To Build A AsyncTre ...
一步一步使用Ext JS MVC与Asp.Net MVC 3开发简单的CMS后台管理系统之登录窗口调试...
现在可以对登录窗口进行调试了. 打开系统的首页页面文件,Views\Home目录下的Index.cshtml文件.要动态加载登录窗口,需要先设置好加载路径,因而在onReady函数上加入以下代码: E ...
EXt js 学习笔记总结
1. get . fly. getCmp .getBody .getDoc .getDom.. get-----ExtJs获取节点.dom.提供缓存机制 Ext.Element类是Ext对DO ...
《Ext详解与实践》节选:自定义单元格的显示格式
有时候,需要在Grid中显示一个链接,或根据数字的大小显示不同的颜色,又或者使用固定格式显示记录编号等,这就需要自定义单元格的显示格式.在Ext的Grid可以很容易的实现自定义单元格的显示格式.在定义 ...

Ext自定义控件 - 自学ExtJS

Ext自定义控件 - 自学ExtJS相关推荐

最新文章

热门文章