0

我正在尝试使用 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. 
            }]
        }]

卡着了！！！！帮助将不胜感激！！！

4

1 回答 1

2

看起来您的参考定义不正确。由于userlist嵌入在panel（您的中心区域）内，viewport > userlist除非您（1）包含包含面板或（2）删除>：

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

或者：

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

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

于 2013-06-25T20:55:41.547 回答