需要ExtJ的边框布局项选择帮助

Question

我正在尝试使用ExtJS开发一个应用程序。到目前为止，我已经开发了一个带有边界布局的视口，我已经完成了北部区域和南部区域。在中心区域中，我有多个面板，例如1。用于搜索数据。2.输入数据任务列表（一个表单），在下一个面板上，我也想显示网格，并具有双击项目的动态行为。我成功地把所有的东西组合在一起。

另一方面，我定义了控制器，它在其中双击网格来侦听项目。例如：

this.control({
    'viewport>userlist': {
        itemdblclick: this. editUser,
    },
.......

因此，如果我把我的用户列表放在中间区域的视口中，再加上另外两个面板，选择就不起作用了。需要建议。

以下是我的代码：

launch : function() {
    Ext.create('Ext.container.Viewport', {
        layout : 'border',
        autoScroll : true,
        items : [{
            region: 'north',
            .......
        },{
            region: 'west',
            ..............
        },{
            region: 'center',
            items:[{
                xtype: 'panel',
                ..............
            },{
                xtype: 'panel',
                ............
            },{
                xtype: 'userlist'//this is what i like to have and my controller should respond the item click. 
            }]
        }]

卡住了！！！！非常感谢您的帮助！！！

Answer 1

您的引用似乎没有正确定义。由于userlist嵌入在panel（您的中心区域）中，除非您（1）包含包含面板或（2）移除>:，否则使用viewport > userlist将不起作用

this.control({
    'viewport > panel > userlist': {
        itemdblclick: this.editUser,
    },
.......

或：

this.control({
    'viewport userlist': {
        itemdblclick: this.editUser,
    },
.......

这是因为Ext.ComponentQuery中的>只查找组件树中的直接子级。有关文档，请参见此处：http://docs.sencha.com/extjs/4.2.1/#/api/Ext.ComponentQuery