ExtJS 元件的擴充套件和繼承(一)

2021-06-08 15:57:09 字數 866 閱讀 7388

擴充套件元件的時候,最好給其設定單獨的 xtype, 這樣就能比較容易的和其他元件整合。

雖說擴充套件 extjs 的元件只不過是用 ext.extend() 來實現,多少還是有些竅門。

例: 擴充套件 ext.panel,得到名為 mycomponent 的元件。 xtype 設定為 mycomponent。

mycomponent = ext.extend(ext.panel, );

this.items = ;

mycomponent.superclass.initcomponent.call(this);

}});

// 註冊 xtype, 此後、只需指定屬性 xtype: 'mycomponent' 即可實現元件的延遲渲染。

ext.reg('mycomponent', mycomponent);

**解釋:

1.initcomponent 函式

元件初始化時執行的函式。不過,這和 new 的時候所執行的 contructor 有所不同。實際上,從 component 的 contructor 到 initcomponent 的執行,有乙個過程。一些有影響的引數,須在 initcomponnt 中設定。

- 有關 layout 的設定,必須在 initcomponent 中實行。

- collapsible 須通過物件屬性來設定。如:

items:

2.ext.reg

呼叫方法: ext.reg(xtype字串, 物件) 。在任意元件中、加入以上 mycomponent 的時候、用 xtype 的方法指定,就能實現遲延渲染。

Extjs之元件繼承

傳統的下拉框元件實現方式如下 ext.onready function renderto ext.getbody 實現元件的繼承 ext.ux.easycombo ext.extend ext.form.combobox,this.store.loaddata this.data ext.ux.ea...

繼承和擴充套件

odoo 提供了三種不同的機制以模組化的方式來擴充套件模組 類繼承 class inheritance 用來新增功能 新類相容現有的檢視 儲存在同一張表中 原型繼承 prototype inhertiance 用於拷貝賦值功能 現有檢視忽略新類 儲存在不同的表中 委託繼承 delegation in...

tomahawk JSF元件擴充套件元件 一

taglib uri prefix t 一.資源檔案的反編譯 native2ascii reverse encoding gb2313 b.properties a.properties 二.元件用於將html元素新增到頁面中,並使 html 元素具有這些元件的行為。直接把html元素放在中會發生錯...