jquery - javascript form cannot dislay -
i have js looks below whereby i'm trying build form several tabs, , under each tab add labels, fields, radiogroups , likes. i'm still @ beginning encountering problems; tabs show fine on occasions after 'contact no.' label, can't see items falling directly below can see address tabs. can show me m getting wrong!! want 'contact no.' label act heading mobile, home, pager , email text fields.
this.buildform = function(){ this.myform = new ext.form.formpanel({ layout:'column', border: false, labelwidth: labelwidth, anchor: "100%", items:[{ columnwidth: 1, xtype:'tabpanel', activetab: 0, height:420, enabletabscroll: true, deferredrender: false, bodystyle:'padding:10px', items: [ { title: 'contact no. & address', i18ntitle: 'person.contactnoandaddress.title', border: false, items: [ { xtype:'label', text: 'contact no.', i18ntitle: 'person.contactno.title', id: 'contactno', layout: 'column', items: [ { columnwidth: 0.33, layout: 'form', items:[ { xtype:'textfield', fieldlabel: 'mobile', tabindex:101, colwidth: 40 } ] },{ columnwidth: 0.33, layout: 'form', items:[ { xtype:'textfield', fieldlabel: 'home', tabindex:102, colwidth: 40 } ] },{ columnwidth: 0.33, layout: 'form', items:[ { xtype:'textfield', fieldlabel: 'office', tabindex:103, colwidth: 40 } ] },{ columnwidth: 0.33, layout: 'form', items:[ { xtype:'textfield', fieldlabel: 'pager', tabindex:104, colwidth: 40 } ] },{ columnwidth: 0.33, layout: 'form', items:[ { xtype:'textfield', fieldlabel: 'fax', tabindex:105, colwidth: 40 } ] },{ columnwidth: 1, layout: 'form', items:[ { xtype:'textfield', fieldlabel: 'email', width:200, tabindex:106, width: 200 } ] } ] },{ xtype:'tabpanel', id: 'addresstab', permission:'person:responsibleadmin', activetab: 0, height:220, enabletabscroll: false, deferredrender: false, bodystyle:'padding:10px', layoutontabchange: true, items: [ { title: 'home address', i18ntitle: 'person.homeaddress.title', border: false, // hidemode: "offsets", items:[{}] },{ title: 'work address', i18ntitle: 'patient.workaddress.title', border: false, // hidemode: "offsets", items:[{}] } ] } ] },{ title:'next of kin', i18ntitle: 'person.nextofkin.title', layout: 'column', labelwidth: 100, items:[{ }] } ] }] }); return this.myform; }
if understand properly, want obtain need text field mobile @ same level label contact no , not child.
have @ how modified jsfiddle: http://jsfiddle.net/zwdxf/6/
here detail of part of code need:
items: [{ xtype: 'label', text: 'contact no.2', i18ntitle: 'person.contactno.title', id: 'contactno', layout: 'column', items: [{}] },{ xtype: 'textfield', fieldlabel: 'mobile', i18ntitle: 'person.contactno.title', id: 'contactno2', layout: 'column', items: [{}] }, { xtype: 'tabpanel', id: 'addresstab', permission: 'person:responsibleadmin', activetab: 0, [...] 
Comments
Post a Comment