0
223
VisualizaçõesCó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 Respostas
Responde à pergunta0
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
Relatório
Responde à pergunta