有時候需要自定義元件使得web程式更加豐富，extjs也提供了自定義元件的功能，主要通過ext.define來實現。下面先新建乙個mypanel.html檔案，其內容如下：
然後新建乙個mypanel.js和xzypanel.js檔案，自定義的元件名稱為xzypanel，xzypanel.js檔案的內容如下：
ext.define(
'xzy.xzypanel'
,, mypara01:'
這是自定義的引數'
, //
這是自定義的引數
showinfo:function(msg),
showsizeinfo:function()
});
在xzypanel.js檔案中新增了自定義的xzypanel元件之後，接下來就開始使用自定義的元件，在mypanel.js檔案中新增如下內容：
ext.loader.setconfig();
//允許設定引數
ext.loader.setpath(
'xzy'
, ''
); //
設定路徑
ext.onready(function());
temppanel.showinfo('hello,world'
);//
呼叫xzypanel的showinfo函式
temppanel.showsizeinfo();//
呼叫xzypanel的showsizeinfo函式
});
呼叫該自定義的元件和前面我們使用extjs中的元件方式基本一樣，只是在前面需要設定其所在路徑，由於本例中xzy.xzypanel（xzypanel.js檔案）和mypanel.js檔案在同乙個路徑下，所以只需要設定xzy的路徑為』』即可。儲存這三個檔案（mypanel.html、mypanel.js、xzypanel.js）之後，瀏覽mypanel.html網頁，其結果如下圖所示：
自定義元件
myedittext 清除輸入的資料 setcompunddrawable 設定edittext ontouchevent ondraw 作用 繪製view顯示的內容,由系統自動呼叫 常用類 paint,canvas invalidate,postinvalidate 貪吃蛇原理 改變集合中的資料，...
自定義元件
自定義控制項 1.抽取layout如 list item home.xml 2.寫乙個類繼承1中的layout，實現父類 相對布局 的構造方法 3.使用 自定義控制項的屬性 1.布局檔案裡自定義乙個命名空間 xmlns my 2.在res的values目錄下描述自定義屬性的檔案 3.在布局檔案裡寫你...
自定義元件
自定義控制項 1.抽取layout如 list item home.xml 2.寫乙個類繼承1中的layout，實現父類 相對布局 的構造方法 3.使用 自定義控制項的屬性 1.布局檔案裡自定義乙個命名空間 xmlns my 2.在res的values目錄下描述自定義屬性的檔案 3.在布局檔案裡寫你...