Extjs 在组件件中存储变量

最新推荐文章于 2024-03-29 17:46:47 发布

masterShaw

最新推荐文章于 2024-03-29 17:46:47 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Extjs 文章标签：组件存数据存储 Extjs

本文链接：https://blog.youkuaiyun.com/masterShaw/article/details/51189561

Extjs 专栏收录该内容

16 篇文章

订阅专栏

本文介绍如何使用ExtJS创建动态按钮，并将其与菜单关联。通过为每个按钮分配唯一的menuId，可以在点击事件中准确识别触发操作的按钮，实现灵活的UI组件交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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