Ext.create('Ext.button.Cycle', {
showText: true,
prependText: 'View as ',
renderTo: Ext.getBody(),
menu: {
id: 'view-type-menu',
items: [{
text:'text only',
iconCls:'view-text',
checked:true
},{
text:'HTML',
iconCls:'view-html'
}]
},
changeHandler:function(cycleBtn, activeItem){
Ext.Msg.alert('Change View', activeItem.text);
}
});
showText: true,
prependText: 'View as ',
renderTo: Ext.getBody(),
menu: {
id: 'view-type-menu',
items: [{
text:'text only',
iconCls:'view-text',
checked:true
},{
text:'HTML',
iconCls:'view-html'
}]
},
changeHandler:function(cycleBtn, activeItem){
Ext.Msg.alert('Change View', activeItem.text);
}
});
本文介绍如何在Ext JS中创建一个可切换视图的按钮,该按钮能够改变视图显示方式,包括纯文本和HTML。通过配置菜单项,用户可以直观地选择所需的视图样式。
1202

被折叠的 条评论
为什么被折叠?



