將容器與表單動態地添加到另一個容器

我已經創建了一個Panel其中有一個list在左側和右側有一個container您可以看到下面的圖片。將容器與表單動態地添加到另一個容器

enter image description here

現在當Fruits項目被點擊我要加載在右側的形式，到目前爲止，因爲我使用MVC模式我已經成功抓獲控制器列表項itemtap事件。

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:' 
         }] 


      }] 


     }] 


    } 



});

來源

2013-10-07 Hunt

下面的代碼應該工作：

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

爲了得到容器您可能需要使用類似：

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

來源

2013-10-07 18:54:15 Darly

我已經添加容器的'ref'這是對右側並使用'this.getFreePanel（）。add（{xtype：'fruitform'}）'但我得到錯誤'無法創建無法識別的別名的實例：widget.form' – Hunt

添加視圖到應用程序。 JS。將它添加到Ext.Application的「views」數組中。 – Darly

它已經存在 – Hunt

將容器與表單動態地添加到另一個容器

回答

相關問題