Question

我正在尝试使用Ext JS开发一个应用程序。到目前为止，我已经开发了一个带有边框布局的视口，我在北部地区，南部地区完成了。在中心区域我有多个面板这样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（您的中心区域），因此使用viewport > userlist将无效，除非您（1）包含包含的面板或（2）删除{{1 }}：

或：

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

这是因为this.control({ 'viewport userlist': { itemdblclick: this.editUser, }, .......中的>仅查找组件树中的直接子项。请参阅此处了解文档：http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.ComponentQuery

需要ExtJs边框布局项目选择帮助。

1 个答案: