ExtJS - xtype 'breadcrumb'：在选择框和痕迹导航文本列表中更改项目和样式

Question

我有一个目录(文件夹(结构，我用xtype'breadcrumb'(ExtJS版本6.6(显示。

现在，我将在我的应用程序中添加一个额外的切换开关。当我激活切换开关时，所有文件夹都应显示在面包屑文本列表和选择框中。这是我的实际发展状态，工作正常。

当我停用切换开关时，文件夹名称中带有前导"A"的所有文件夹都应隐藏在选择框中(或应禁用并显示为灰色(。在痕迹导航文本列表中，此("A"-(文件夹应显示为灰色。

例如，我的应用程序中有面包屑文本列表"根> folder_0_0> folder_1_0"，然后我更改了切换值： 然后我不想重新加载完整的面包屑。

如何解决此问题？谢谢你的提示托马斯

这是我的代码。你可以找到这个： https://fiddle.sencha.com/#view/editor&fiddle/2mqb

Ext.application({
name: 'BeadcrumbTest',
launch: function() {
var store = Ext.create('Ext.data.TreeStore', {
root: {
expanded: true,
text: 'Root_folder',
children: [{
text: 'A_folder',
leaf: true
}, {
text: 'B_folder',
expanded: true,
children: [{
text: 'A_folder',
leaf: true
}, {
text: 'B_folder',
leaf: true
}]
}, {
text: 'C_folder',
leaf: true
}]
}
}),
panel = Ext.create('Ext.panel.Panel', {
renderTo: Ext.getBody(),
width: 400,
height: 100,
bodyPadding: 10,
tbar: {
xtype: 'breadcrumb',
store: store
},
buttons: ['->', {
xtype: 'button',
text: 'Handle "A" folder',
handler: function() {
// todo
}
}]
});
}
});

Answer 1

我找到了一个解决方案：我从classic/src/Breadcrumb.js中覆盖了updateSelection((，_onMenuClick((和_onMenuBeforeShow((的方法。