function getDosKontak(){ var fDosKontak = { //new Ext.form.FormPanel({ xtype: 'panel', id: 'content.kontak-dos', layout: 'form', margin: '0 0 10', defaults: { labelWidth: 120, labelAlign: 'right' }, items: [{ xtype: 'fieldset', //height: 250, //collapsible: true, flex: 1, //title: 'Kontak', defaultType: 'textfield', //defaultWidth: 300, defaults: { labelWidth: 200, width: 300, labelAlign: 'right' }, items: [{ xtype: 'textarea', id: 'tf.alamat-dos', fieldLabel: 'Alamat', width: 300, //allowBlank: false }, { id: 'tf.kel-dos', fieldLabel: 'Kelurahan', allowBlank: true }, { id: 'tf.kec-dos', fieldLabel: 'Kecamatan', allowBlank: true },{ xtype: 'container', fieldLabel: 'Kota/Kabupaten', id: 'kota-dos', layout: 'hbox', width: 350, //lebar > default yg diset di parent (300) defaultType: 'textfield', defaults: { hideLabel: true }, items: [ { id: 'tf.kdkota-dos', width: 80, readOnly: true, hidden: true } , { id: 'tf.nmkota-dos', width: 300, readOnly: true } , { xtype: 'button', id: 'btn.kota-dos', iconCls: 'silk-find', margins: '0 0 0 6', width: 30, handler: function() { wLookup(lu_kota, 'Kota/Kabupaten', 'tf.kdkota-dos','tf.nmkota-dos');} }] }, { id: 'tf.kdpos-dos', fieldLabel: 'Kode Pos', allowBlank: true, width: 200 }, { id: 'tf.telp-dos', fieldLabel: 'No. Telp./HP', allowBlank: true }, { id: 'tf.email-dos', fieldLabel: 'E-Mail' }, { id: 'tf.fb-dos', fieldLabel: 'Facebook', }, { id: 'tf.twit-dos', fieldLabel: 'Twitter' }, { id: 'tf.pinbb-dos', fieldLabel: 'Pin BB' },{ id: 'tf.web-dos', fieldLabel: 'Website/Blog' }] }] };//); return fDosKontak; }