【EXTjs】请问如何进行自定义控件

[owenliangbin]

简单来说，做一个控件，新加个配置项（名字）。
类似：Ext.define("newDrawCtr",{
extend:'Ext.panel.Panel',
config:{
ctrlName:'test',
},
initComponent : function() {
//增加一个画布在这个PANEL中，这是这个控件的主要目的：根据Panel的宽高进行画图等操作
var newdraw=Ext.create("Ext.draw.Component",{
id:'newdraw',
width:this.width,//这里要在该Panel中画一个矩形
height:this.height,//
items:[{画图}]
});
this.callParent(arguments);
});
问题是：我应该如何正确的写这个控件类？才能够在调用该控件的地方可以动态的改变该控件属性，令其展现。
例如：调用该控件的地方，我有个三个输入：宽，高，名字。点击按钮后，就应用输入的值更新该控件显示。