0
216
VistasCómo colocar el elemento de campo de texto en el campo de pestañas extJS
Cómo colocar el elemento de campo de texto en el campo de pestañas extJS.
Tengo un requisito de campo de texto que quiero colocar en el campo de texto extJS. aquí está la imagen
Ahora debajo está mi código. Las pestañas vienen bien, pero no pueden ver el campo de texto extJS. algo específico que me falta aquí,
{ xtype : "panel", region: 'center', floatable: false, margin: '0 0 0 0', cls: 'tabpanel-common ', items:[{ xtype: 'tabpanel', items: [{ xtype: 'panel', title: "panel 1", items: [] },{ xtype: 'panel', title: "Panel2", items: [] },{ xtype: 'panel', title: "panel3", items: [] },{ xtype: 'panel', title: "panel4", items: [] },{ xtype: 'tbfill' },{ xtype: 'textfield', // itemId: 'buttonItemId', text: 'Button', hidden: false, padding: '3px', title: "Search", margin: '2px 5px 5px 2px', }] }], listeners: { boxready: 'boxready', scope: 'controller' }, }
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Puede usar el accesorio de configuración tabBar :
Ext.application({ name: 'Fiddle', launch: function () { Ext.create('Ext.tab.Panel', { height: 400, renderTo: document.body, tabBar: { items: [{ xtype: 'tbfill' }, { xtype: 'textfield', triggers: { search: { cls: 'x-form-search-trigger', handler: function () { console.log('Search trigger is clicked', this.getValue()); } } } }] }, items: [{ title: 'Foo', html: "FOO" }, { title: 'Bar', html: "BAR" }] }); } });
·
Juan Pablo Isaza
Denunciar
Responde la pregunta