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来获取这个文件组件。