将带有表单的容器动态添加到另一个容器

Question

我创建了一个Panel，左侧有list，右侧有container，您可以看到下面的图片。

现在当点击Fruits项时我想在右侧加载一个表单，到目前为止我已成功捕获控制器中列表项的itemtap事件，因为我正在使用MVC模式。

onMenuTap:function(me, index, target, record, e, eOpts){


     // here i want to dynamically load the existing container 
     // which contains the form

    }

我已经创建了一个表单，如下所示，该文件的名称是FruitForm.js，我想要 将此现有容器添加到容器的右侧，我该怎么做？

Ext.define('market.view.FruitForm',{

    extend:'Ext.Container',
    xtype:'fruitform',
    requires:[
            'Ext.form.Panel'
        ],

    config:{

        items:[{

            xtype:'form',
            items:[{

                xtype:'fieldset',
                items:[{
                            xtype: 'textfield',
                            name: 'notitle',
                            label: 'Title:'
                        }]


            }]


        }]


    }



});

Answer 1

以下代码应该有效：

(Add code to get right container).add({'xtype': 'fruitform'});

要获得容器，您可能需要使用以下内容：

this.query('#Container_itemId')[0];