Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User
    Join Date
    Apr 2013
    Posts
    36
    Vote Rating
    0
    PabloPerezAdsuar is on a distinguished road

      0  

    Default Not fire tabchange event in tabBar component

    Not fire tabchange event in tabBar component


    Hi! I am developing a app and I am using a tabBar with tapchange event but not fire.. Is a bug??

    View:
    Code:
    config: {
            height: '100%',
            id: 'tarea',
            width: '100%',
            items: [
                {
                    xtype: 'tabpanel',
                    centered: false,
                    height: '100%',
                    id: 'TareaTabs',
                    ui: 'light',
                    width: '100%',
                    items: [
                        {
                            xtype: 'tareaGeneral',
                            title: lang.general[g.iso]
                        },
                        {
                            xtype: 'tareaArticulos',
                            title: lang.articulos[g.iso]
                        }
                    ],
                    tabBar: {
                        docked: 'top',
                        itemId: 'tabbarTareas',
                        ui: 'neutral',
                        layout: {
                            pack: 'center',
                            type: 'hbox'
                        }
                    }
                }
            ],
            listeners: [
                {
                    fn: 'onMytabbarTabChange',
                    event: 'tabchange',
                    delegate: '#tabbarTareas'
                }
            ]
        },
    
    
        onMytabbarTabChange: function(tabbar, newTab, oldTab, eOpts) {
            alert('hello');
        }

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,616
    Vote Rating
    818
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Is this for Sencha Touch 2 or Ext JS 4?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Apr 2013
    Posts
    36
    Vote Rating
    0
    PabloPerezAdsuar is on a distinguished road

      0  

    Default


    Is for Sencha Touch 2.2!

  4. #4
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,616
    Vote Rating
    818
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Quote Originally Posted by PabloPerezAdsuar View Post
    Is for Sencha Touch 2.2!
    Ok, please make sure you post in the proper forum as this was in Ext JS 4 bugs forum.

    In Sencha Touch, there is no tabchange event, try the activeitemchange event.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  5. #5
    Sencha User
    Join Date
    Apr 2013
    Posts
    36
    Vote Rating
    0
    PabloPerezAdsuar is on a distinguished road

      0  

    Default


    Hi mitchellsimoens! The tabchange event if exists in Sencha Touch (Sencha Arquitech)..

    Now I am using activeitemchange event but not fire.. I have a easy example:

    View
    Code:
    Ext.define('App.view.Cliente', {
        extend: 'Ext.Panel',
    
    
        requires: [
            'App.view.ClienteGeneral',
            'App.view.ClienteDelegacion',
            'App.view.ClienteContacto',
            'App.view.ClienteTarea'
        ],
    
    
        config: {
            height: '100%',
            id: 'cliente',
            width: '100%',
            items: [
                {
                    xtype: 'tabpanel',
                    centered: false,
                    height: '100%',
                    id: 'ClienteTabs',
                    ui: 'light',
                    width: '100%',
                    items: [
                        {
                            xtype: 'mycontainer1',
                            itemId: 'clientegeneral',
                            title: 'General'
                        },
                        {
                            xtype: 'mycontainer2',
                            title: 'Delegaciones'
                        },
                        {
                            xtype: 'mycontainer3',
                            title: 'Contactos'
                        },
                        {
                            xtype: 'mycontainer32',
                            title: 'Tareas'
                        }
                    ],
                    tabBar: {
                        docked: 'top',
                        itemId: 'tabbarTareas',
                        ui: 'neutral',
                        layout: {
                            pack: 'center',
                            type: 'hbox'
                        }
                    }
                }
            ],
            listeners: [
                {
                    fn: 'onTabbarTareasActiveItemChange',
                    event: 'activeitemchange',
                    delegate: '#tabbarTareas'
                }
            ]
        },
    
    
        onTabbarTareasActiveItemChange: function(container, value, oldValue, eOpts) {
            alert('change');
        }
    
    
    });

  6. #6
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,616
    Vote Rating
    818
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Check to make sure the listener is on the correct component or is delegated to the correct component.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

Thread Participants: 1

Tags for this Thread