Extjs 在组件件中存储变量

文件A。

for(var j=0;j<filterMenuArray[i].length;j++){

var filterbutton=new Ext.Button({ 
border:false,
baseCls:'',
width:100,
height:30,
buttonText:filterMenuArray[i][j],
html:'<button>'+filterMenuArray[i][j]+'</button>',
cls:'buttonFilterCss',
buttonId:filterButtonArray[i],
menuId:iStr+'menu',
handler:ffilter,
});
filtermenu.add(filterbutton);
// var menuItem=new Ext.menu.Item({
// text:filterMenuArray[i][j],
// width:100,
// height:30,
// buttonText:filterMenuArray[i][j],
// buttonId:filterButtonArray[i],
// menuId:iStr+'menu',
// handler:ffilter,
// });
// filtermenu.add(menuItem);

}

文件B。

function ffilter(){

Ext.getCmp(this.menuId).hide();
Ext.getDom(this.buttonId).innerHTML='<button>'+this.buttonText+'</button>';
}

因为button组件中没有menuId这个属性，所以在动态生成的多个button中，在执行ffilter函数时，可通过这个menuId知道具体那个组件在执行这个函数。通过this.menuId来获取值，要充分理解this这个东西，即使是一个文件在调用另一个文件的函数，在另一个文件中也可用this来获取这个文件组件。