Панель формы, не показывающая по установленному активному элементу

Question

Я новичок в sencha touch, моя проблема заключается в том, что у меня есть отдельный вид, чтобы показать панель формы, нажав на событие управления, которое будет загружено в виде панели формы, но когда я нажимаю на событие ничего отображение на моем экране. Просто пустой экран, чтобы показать ... Я не знаю, что делаю. Форма панель взята из Сенча формы панели учебника

Ниже мой взгляд формы панели

Ext.define('WinReo.view.AddContact', { 
    extend: 'Ext.Container', 
    xtype: 'addcontact', 
    requires: [ 
     'Ext.TitleBar' 
     //'Ext.Video' 
    ], 
    config: { 
     layout:'fit' 

    }, 
    initialize:function(){ 
     console.log('inside initialize'); 
     var formPanel = Ext.create('Ext.form.Panel', { 
      //xytpe:'formpanel', 
      fullscreen: true, 
      layout:'fit', 

      items: [{ 
       xtype: 'fieldset', 
       items: [ 
        { 
         xtype: 'textfield', 
         name : 'name', 
         label: 'Name' 

        }, 
        { 
         xtype: 'emailfield', 
         name : 'email', 
         label: 'Email' 
        }, 
        { 
         xtype: 'passwordfield', 
         name : 'password', 
         label: 'Password' 
        } 
       ] 
      }] 
     }); 

     formPanel.add({ 
      xtype: 'toolbar', 
      docked: 'bottom', 
      layout: { pack: 'center' }, 
      items: [ 
       { 
        xtype: 'button', 
        text: 'Set Data', 
        handler: function() { 
         formPanel.setValues({ 
          name: 'Ed', 
          email: 'ed@sencha.com', 
          password: 'secret' 
         }) 
        } 
       }, 
       { 
        xtype: 'button', 
        text: 'Get Data', 
        handler: function() { 
         Ext.Msg.alert('Form Values', JSON.stringify(formPanel.getValues(), null, 2)); 
        } 
       }, 
       { 
        xtype: 'button', 
        text: 'Clear Data', 
        handler: function() { 
         formPanel.reset(); 
        } 
       } 
      ] 
     }); 

    } 
}); 

Это событие контроллера, чтобы показать представление формы панели

onItemSwiped: function(list,index,target,record,e) 
     { 
var addcontact= Ext.create('WinReo.view.AddContact'); 
      Ext.Viewport.add(addcontact); 
      Ext.Viewport.setActiveItem(addcontact); 
     }, 

Просто простая задача, но я трачу слишком много времени, чтобы исправить это. Пожалуйста, помогите мне решить эту проблему. Спасибо заранее.

Answer 1

Ваше право на setActiveItem и вам нужно использовать его. потому что Ext.Viewport.add() добавляет только в viewPort, не показывает представление.

Так что только проблема в вашем коде вы создали formPanel, но не добавили его в представление AddContact.

........... 
    // same code 
       { 
        xtype: 'button', 
        text: 'Get Data', 
        handler: function() { 
         Ext.Msg.alert('Form Values', JSON.stringify(formPanel.getValues(), null, 2)); 
        } 
       }, 
       { 
        xtype: 'button', 
        text: 'Clear Data', 
        handler: function() { 
         formPanel.reset(); 
        } 
       } 
      ] 
     }); 
     this.add(formPanel); // add this line 
    } 
}); 

Смотрите эту fiddle