Sencha Touch formpanel이 양식 요소를 만들지 않습니다.

Question

나는 Sencha Touch 시작 코드 중 일부를 작업하고 있습니다.

연락처 양식 탭 패널을 만들려고하는 것 중 하나입니다.

formpanel을 포함하는 내 패널 클래스를 정의했습니다. 내가 페이지를로드 할 때, 필드 셋이 생성됩니다 만은 FormPanel는 폼 요소를 생성하지 않습니다 내가 the documentation for the form panel class의 코드 양식에게 예를 검사 할 때

Ext.define('ScoreKeeper.view.tabs.Contact',{ 
    extend : 'Ext.Panel', 
    xtype : 'ContactTab', 
    requires: [ 
     'Ext.form.FieldSet', 
     'Ext.field.Text', 
     'Ext.field.Email', 
     'Ext.field.TextArea' 
    ], 
    config : { 
     title : 'Contact Form', 
     id  : 'contactForm', 
     iconCls : 'user', 
     xtype : 'formpanel', 
     url  : 'contact.php', 
     layout : 'vbox', 
     items : [ 
      { 
       xtype  : 'fieldset', 
       title  : 'Contact Us', 
       instructions : '(email address is optional)', 
       height  : 285, 
       items  : [ 
        { 
         xtype: 'textfield', 
         label: 'Name' 
        },{ 
         xtype: 'emailfield', 
         label: 'Email' 
        },{ 
         xtype: 'textareafield', 
         label: 'Message' 
        } 
       ] 
      },{ 
       xtype : 'button', 
       text : 'Send', 
       name : 'contactSubmit', 
       ui : 'confirm' 
      } 
     ] 
    } 
}); 

는 확실히 폼 요소를 만듭니다. 콘솔 오류가 발생하지 않으며 생성되지 않습니다.

무엇이 누락 되었습니까?

Answer 1

구문이 올바르지 않습니다. 패널의 config 필드를 items 필드로 사용하십시오.

당신도

• 은 ScoreKeeper.view.tabs.Contactextend : 'Ext.form.Panel'로 지정하고 config

또는

• 가의 items에 formpanel 객체를 지정하여에서 위해 xtype 라인을 제거해야합니다 당신의 패널, y를 넣는다. formpanel에있는 fieldset 항목에 있습니다. 1rst 솔루션

코드 (가장 IMO) : 도움을 최고

Ext.define('ScoreKeeper.view.tabs.Contact',{ 
    extend : 'Ext.form.Panel', 
    xtype : 'ContactTab', 
    requires: [ 
     'Ext.form.FieldSet', 
     'Ext.field.Text', 
     'Ext.field.Email', 
     'Ext.field.TextArea' 
    ], 
    config : { 
     title : 'Contact Form', 
     id  : 'contactForm', 
     iconCls : 'user', 
     // xtype : 'formpanel', 
     ... 
});