Pregunta Evento de pestaña de EXTJS OnClick


¿Hay alguna forma de adjuntar un evento OnClick a un interruptor de tabulación en EXTJS?

Yo hago la grilla así:

var simple = new Ext.FormPanel({
    labelWidth: '100%',
    border:false,
    width: '100%',
            style: 
            {
                height: '291px'
            },
    items: {
        xtype: 'tabpanel',
        activeTab: 0,
        //labelWidth: 75, // label settings here cascade unless overridden
        items:[{
        url:'save-form.php',
        title: 'Tab 1',
  ...

¡Gracias!


5
2017-12-20 16:42


origen


Respuestas:


Añadí en un oyente después de que las pestañas se definieron así:

//define all tabs, and after the ] from the tab panel JSON: 
listeners: {
    'tabchange': function(tabPanel, tab) {
        alert("tab changed");
    }
}

Esto solo avisa cuando la pestaña cambió, lo cual es suficiente para mis propósitos. Aunque no estoy seguro de cómo saber qué pestaña es la pestaña actual.

Espero que esto ayude a alguien en el futuro.


8
2017-12-20 17:35



Hay un tabchange evento que se activa cuando la pestaña activa cambia: http://www.sencha.com/learn/Ext_FAQ_TabPanel


2
2017-12-20 17:04



There is no event for tab click in TabPanel, however you can bind into click event on each tab. You can add custom event. 
Following example help to you. 


{
  xtype : 'tabpanel',
  items : [{
    xtype : 'panel', 
    title:  'ABC'
   },{
      xtype : 'panel',
      title : 'XYZ'
}],
  listeners: {
    render: function() {
     this.items.each(function(panel){
         // Added tabclick event for tabpanel                                                                        
         panel.tab.on('click', function(){
       panel.addEvents('tabclick');  // addded event to panel 
       panel.fireEvent('tabclick', panel);
      });
       });
      }
    }
        }

0
2017-11-29 11:43



Preguntas populares