Javascript ext js中停靠项的事件
我是ext js中的noob,遇到了一个问题。Javascript ext js中停靠项的事件,javascript,extjs4,extjs-mvc,Javascript,Extjs4,Extjs Mvc,我是ext js中的noob,遇到了一个问题。 我已经创建了一个应用程序 这是我的控制器的init功能 init: function () { console.log('initialized filesystem controller'); this.control({ 'filesystemtree': { itemdblclick: this.OpenFile, sele
我已经创建了一个应用程序 这是我的控制器的
init
功能
init: function () {
console.log('initialized filesystem controller');
this.control({
'filesystemtree': {
itemdblclick: this.OpenFile,
select: this.NodeSelected
},
'filesystemtree filesystemmenu button[text="Delete"]': {
click:this.DeleteButtonClicked
}
});
}
这是带有xtype:'filesystemtree'
Ext.define('IDE.view.fileSystem.List', {
extend: 'Ext.tree.Panel',
alias: 'widget.filesystemtree',
title: 'Navigation2',
store: 'FileSystems',
rootVisible: 'false',
dockedItems: [{
xtype:'filesystemmenu',
dock:'top'
}],
initComponent: function () {
console.log('file system tree initializing');
this.callParent(arguments);
}
})
这是xtype:filesystemmenu
停靠在filesystemtree
Ext.define('IDE.view.fileSystem.FileSystemMenu', {
extend: 'Ext.toolbar.Toolbar',
alias: 'widget.filesystemmenu',
items: [
{
xtype: 'splitbutton',
text: 'Menu',
menu: new Ext.menu.Menu({
items: [
{
text: 'Delete'
},
{
text: 'Copy'
},
{
text: 'Paste'
},
{
text: 'Cut'
},
{
name: 'Rename',
xtype: 'textfield',
emptyText: 'Enter text to rename'
}
]
})
},
{
text: 'Add Item',
id:'FSAddItemButton'
},
'->',
{
xtype: 'box',
id: 'fileSystemNodeNameLabel'
}
]
})
但是在控制器中,我无法将单击事件附加到文件系统菜单
中的删除按钮,该按钮本身作为停靠项存在于文件系统树
中。
控制器中的这条线基本上不工作
'filesystemtree filesystemmenu button[text="Delete"]': {
click:this.DeleteButtonClicked
}
我做错了什么?看看你的选择器。您要求它查找一个带有文本“Delete”的按钮,但是您没有任何与条件匹配的组件,因为默认情况下菜单的子项是Ext.menu.Item,因此您的选择器应为:
'filesystemtree filesystemmenu menuitem[text="Delete"]'
@我的问题被否决了吗?是的我明白了。。但无论如何,我非常感谢。。我想splitButton有一个按钮集合:)