ext編寫自定義元件之2

2021-05-24 00:56:51 字數 780 閱讀 7279

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

1、不改變ext的編碼風格

2、易於重複利用

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

第一種擴充套件

比如需要乙個文章列表

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

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

//初始化store

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

}});

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

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

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

myarticlelist.superclass.constructor.call(this);

extjs在使用中盡量將功能封裝入模組中,合理細化模組。最後像積木一樣搭建起來便可。最終的**可能是

new ext.viewport({

items:[new ****,new ****,new ****]

flex 自定義元件的編寫

使用flex也很久了,也改過別人寫的flex自定義元件,但是就是沒有系統的研究下flex元件的編寫步驟,和要注意的東西,在這裡我參照一本書中的例子,好好的理解下,也為了鞏固下自己對flex的理解!1,重寫乙個元件系統依次呼叫constructor 構造方法 createchildren commit...

flex 自定義元件的編寫

使用flex也很久了,也改過別人寫的flex自定義元件,但是就是沒有系統的研究下flex元件的編寫步驟,和要注意的東西,在這裡我參照一本書中的例子,好好的理解下,也為了鞏固下自己對flex的理解!1,重寫乙個元件系統依次呼叫constructor 構造方法 createchildren commit...

Ext自定義事件

在ext中常見的2中自定義事件監聽.1 在gridpanel中行資料中增加自定義的按鈕,圖示的事件操作。例如 如下 注意 action col css processevent function type,view,cell,recordindex,cellindex,e,record,row re...