javascript - 动态将具有表单的容器添加到另一个容器

我创建了一个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:'
                        }]


            }]


        }]


    }



});

最佳答案

下面的代码应该工作：

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

要获取容器，您可能必须使用类似以下内容的方法：

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