xt.Class 属性详解 :
1 , alias : 相当于别名一样,可以起多个,可以通过xtype和Ext.widget()创建实例:
- Ext.define('SimplePanel', {
- extend: 'Ext.panel.Panel',
- alias: ['widget.simplepanel_007','widget.simplepanel_008'],
- title: 'Yeah!'
- });
-
-
- Ext.widget('simplepanel_007',{
- width : 100,
- height : 100
- }).render(Ext.getBody());
-
-
- Ext.widget('simplepanel_007', {
- width : 100,
- items: [
- {xtype: 'simplepanel_008', html: 'Foo'},
- {xtype: 'simplepanel_008', html: 'Bar'}
- ]
- }).render(Ext.getBody());
2 , alternateClassName : 跟alias有点类似,相当于给类找替身,可以多个,可以通过Ext.create()创建实例:
- Ext.define('Boy', {
-
- alternateClassName: ['boy2', 'boy3'],
- say : function(msg){
- alert(msg);
- }
- });
-
- var boy1 = Ext.create('Boy');
- boy1.say('I am boy1...');
-
-
- var boy2 = Ext.create('boy2');
- boy2.say('I am boy2...');
-
- var boy3 = Ext.create('boy3');
- boy3.say('I am boy3...');
3 , config:类的属性配置,属性可以自动生成geter/seter方法
- Ext.define('Boy', {
- config : {
- name : 'czp',
- age : 25
- },
- constructor: function(cfg) {
- this.initConfig(cfg);
- }
- });
-
- var czp = Ext.create('Boy',{name:'czpae86'});
-
- alert(czp.getName());
-
- czp.setAge(25.5);
4 , extend : 继承,可以继承单个类
- Ext.define('Person', {
- say: function(text) { alert(text); }
- });
- Ext.define('Boy', {
- extend : 'Person'
- });
-
- var czp = Ext.create('Boy');
-
- czp.say('my name is czp.');
5 , inheritableStatics : 定义静态方法,可以通过"类名.方法名"调用静态方法. 类似 statics属性,
区别是:子类也可以使用该静态方法,但statics属性定义的静态方法子类是不会继承的.
- Ext.define('Person', {
- inheritableStatics : {
- sleep : function(){
- alert('sleep');
- }
- },
- say: function(text) { alert(text); }
- });
-
- Ext.define('Boy', {
- extend : 'Person'
- });
-
-
- Boy.sleep();
6 , mixins : 可以实现多继承
- Ext.define('Person', {
- say: function(text) { alert(text); }
- });
-
- Ext.define('Boy', {
- play : function(){
- alert('play');
- }
- });
-
- Ext.define('Gird', {
- sleep : function(){
- alert('sleep');
- }
- });
-
- Ext.define('A_007', {
-
- extend : 'Person',
-
- mixins : ['Boy','Gird']
- });
-
- var a_007 = new A_007();
- a_007.say('我可以say,也可以play,还可以sleep!!');
- a_007.play();
- a_007.sleep();
7 , singleton : 创建单例模式的类, 如果singleton为true,那么该类不能用通过new创建,也不能被继承
- Ext.define('Logger', {
-
- singleton: true,
- log: function(msg) {
- alert(msg);
- }
- });
-
- Logger.log('Hello');
8 , statics : 与第5个inheritableStatics属性类似,statics属性定义的静态方法子类是不会继承的.请看第5个属性.
9 , uses 和 requires : 与requires属性类似,都是对某些类进行引用
uses -- 被引用的类可以在该类之后才加载.
requires -- 被引用的类必须在该类之前加载.
- Ext.define('Gird', {
- uses : ['Boy'],
- getBoy : function(){
- return Ext.create('Boy');
- },
- sleep : function(){
- alert('sleep');
- }
- });
-
-
- Ext.define('Boy', {
- play : function(){
- alert('play');
- }
- });
-
-
-
- Ext.define('Boy', {
- play : function(){
- alert('play');
- }
- });
-
- Ext.define('Gird', {
- requires : ['Boy'],
- getBoy : function(){
- return Ext.create('Boy');
- },
- sleep : function(){
- alert('sleep');
- }
- });
转自: http://www.iteye.com/topic/1114276
分享到:
相关推荐
- **fieldClass**: 类型为 `String`,定义字段的 CSS 类,默认为 `x-form-field x-form-num-field`。 - **maxText**: 类型为 `String`,当输入值超过最大值时显示的文本。 - **maxValue**: 类型为 `Number`,定义...
overClass : 'phone-hover', singleSelect: true, multiSelect : false, autoScroll : true }); new Ext.Panel({ layout: 'fit', items : dataview, height: document.body.clientHeight, width: ...
- 若要改变输出文件的扩展名,可以使用选项`-s <ext>`,例如:`jad -s java example1.class`将会生成名为`example1.java`的文件。 3. **进阶功能**: - 支持通配符:用户可以在输入文件名时使用通配符,如`jad *....
The class is ready for i18n, override the Ext.ux.UploadDialog.Dialog.prototype.i18n object with your language strings, or just pass i18n object in config. Server side handler. The files in the queue...
Ext.override(originalClass, overrides); ``` - `originalClass`: 需要覆盖的原始类。 - `overrides`: 包含需要覆盖方法的新版本的对象。 ##### 2. 实现原理 根据提供的代码片段,我们可以看到`Ext.override`的...
'#foo a, #bar span.some-class@mouseover' : function(){ // do something } }); apply( Object obj, Object config, Object defaults ) : Object 从config拷贝所有的属性到obj,如果有defaults参数,也将拷贝其...
public class UpFileServlet extends HttpServlet { private String uploadPath = "c:\\Upfile\\"; private String tempPath = "c:\\upfiel"; public void doPost(HttpServletRequest request, ...
public class TestController : Controller { [DirectMethod] public ActionResult GetData() { var data = new[] { "Item1", "Item2", "Item3" }; return Json(data, JsonRequestBehavior.AllowGet); } } ```...
4.4.5 管理类的类:ext.classmanager / 159 4.4.6 类创建的总结 / 161 4.5 动态加载的路径设置 / 163 4.6 综合实例:页面计算器 / 165 4.7 本章小结 / 169 第5章 ext js的事件及其应用 / 170 5.1 概述 / 170 ...
tpl: '<tpl for="."><div class="x-combo-list-item">{text}</div></tpl>', listConfig: { itemSelector: 'div.x-combo-list-item' } }); ``` 这个例子创建了一个多选的ComboboxTree,其数据源是一个包含部门...
EXT JS 3.0 Core Class Diagram 是一个关于EXT JS库核心类结构的图表,它展示了EXT JS 3.0版本中的主要组件和它们之间的关系。EXT JS是一个强大的JavaScript库,主要用于构建富客户端Web应用程序,其核心功能包括...
-keepattributes Signature,Annotation -keep public class org.xutils.** { public protected ; } -keep public interface org.xutils.* { public protected ; } -keepclassmembers class * extends org.xutils.* {...
Ext.grid.GridPanel 是一个功能强大且广泛使用的Grid控件,但是它存在一个很大的缺陷:单元格的内容不能选中,没法选中就没法复制,这给用户带来了很多不便。这个问题的根源在于ExtJs输出的代码中,每个单元格的div...
ExtJS 中的对象追加属性和方法是通过 Ext.apply() 函数来实现的,例如 Ext.apply(Ext.cc.Class1.prototype, {bb:"bb", cc:"cc", dd:function(){alert("ddd")} })。 ExtJS 的优点包括: 1. 可以快速地构建复杂的 ...
### Ext中Ajax的应用 #### 一、Ext.Ajax的基础应用 **1.1 Ext.Ajax.request方法详解** Ext.Ajax.request 方法是 ExtJS 框架中用于执行 Ajax 请求的核心功能之一,它允许开发者轻松地向服务器发起异步请求并处理...
1. **选择器**: jQuery通过CSS选择器来选取DOM元素,这使得选取元素变得极其简单,如`$("#myID")`选取ID为"myID"的元素,`$(".myClass")`选取所有class为"myClass"的元素。 2. **链式操作**: jQuery对象是链式操作...