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

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];