-2

我是 ext js 的菜鸟，遇到了一个问题。
我创建了一个应用程序，这是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'
        }
    ]
})

但是在控制器中，我无法将单击事件附加到filesystemmenu其中本身作为停靠项存在于filesystemtree. 基本上控制器中的这条线不起作用。

'filesystemtree filesystemmenu button[text="Delete"]': {
                click:this.DeleteButtonClicked
            }

我究竟做错了什么？

4

1 回答 1

0

看看你的选择器。您要求它找到一个带有“删除”文本的按钮，但是您没有任何符合条件的组件，因为菜单的子项默认为 Ext.menu.Item，因此您的选择器应该是：

'filesystemtree filesystemmenu menuitem[text="Delete"]'
于 2012-05-30T06:19:56.793 回答