ExtJS 自定義元件

2021-08-25 18:52:28 字數 847 閱讀 5598

用一段時間ext,覺得自定義元件還是很有必要

1、不改變ext的編碼風格

2、易於重複利用

擴充套件可能是基於官方控制項的擴充套件也可能是基於官方基礎元件擴充套件,第一種比較常用,第二種我都去網上download。。。

第一種擴充套件

extend (object subclass,object superclass,[object overrides] : object

比如需要乙個文章列表

//完全複製乙個自己的grid,沒有意義

//第一種方法是過載initcomponent函式

var myarticlelist = ext.extend(ext.grid.gridpanel,{});

//初始化store

var myarticlelist = ext.extend(ext.grid.gridpanel,);

}});可以在initcomponent中初始化需要的屬性,但是過載這個函式一定要記得執行原函式,否則初始化不正確,

myarticlelist.superclass.initcomponent.call(this);其他就簡單了,在裡面寫上想要的東西,分頁、工具條、事件。。。

另外還有個方法就是過載constructor方法,大多數元件的建構函式需要乙個config物件,記得在建構函式中寫上:

var myarticlelist = ext.extend(ext.grid.gridpanel,{

constructor:function(config){

myarticlelist.superclass.constructor.call(this);

ExtJS 自定義元件

用一段時間ext,覺得自定義元件還是很有必要 1 不改變ext的編碼風格 2 易於重複利用 擴充套件可能是基於官方控制項的擴充套件也可能是基於官方基礎元件擴充套件,第一種比較常用,第二種我都去網上download。第一種擴充套件 extend object subclass,object super...

Extjs自定義樣式

extjs改變樣式的方法分為兩種,一種是把元素放在div裡面,然後通過class來修改樣式 一種是通過ext自帶的標籤修改樣式,比如cls,basecls,bodycls 等等。自定義樣式以後extjs的按鈕在谷歌,火狐上會有乙個陰影,但是在ie上面表現良好,在屬性裡面設定frame false.i...

Ext JS 自定義事件

ext.define student mixins constructor function config updatename function newvalue,oldvalue var newstudent ext.create student newstudent.on studentnam...