Question

我试图使用 encha 执行在标签标签上点击标签时的动作。不知怎的, 我无法在点击标签时获得提醒。

这是我的代码。我试图使用处理器和收听器使用不同标签上的方法, 但我无法收到任何警告信息。

Int.views.bottomTabs = new Ext.TabPanel({

        dock:  bottom ,

        tabBar: {
        id: bottomtab ,
            dock:  bottom ,
            ui:  dark ,
            layout: {
                pack:  center 
            }
        },

            defaults: {
                scroll:  vertical ,
                xtype:  button 
            },


        items: [
        {
            title:  Tab1 ,
        iconCls:  und ,
        handler: function(){
        alert( It is clicked );             

       },
        {
            title:  Tab2 ,
            iconCls:  und ,
            listeners: {activate: update},
        },
        {
            title:  Tab3 ,
        iconCls:  und ,

        },
        {
        title : Tab4 ,
        iconCls:  und ,

         }
        ]
    });
    var update = function() {
    alert( tab2 is clicked );
    }

请帮助我,我做错了什么。

谢谢

Answer 1

您想要附加一个听众的方式( 如果您想在网上这样做) 如下 :

items : [
    {
        title     :  Hello World ,
        listeners : {
            activate : function() {
                alert( hello world );
            }
        }
    }, 
    {
        //...
    }
]

您的第二种方式没有通过调用更新功能来运作的原因是您在即时 Ext.TabPannel 后宣布更新

如果您想要引用函数而不是将其写入内线, 那么就需要在 InitComponent () (更好的做法) 中定义您的项目并扩展您的类。

//..
onActivate    : function() {
    alert( hello world );
},
initComponent : function() { 
    this.items = [
        {
            title     :  Hello World ,
            listeners : {
                activate : this.onActivate
            }
        }, 
        {
            //...
        }
    ]
    // apply to superClass
}

你应该读读Sencha触摸类系统。在您的情况中, 这是 Sencha触摸 1 的方法。请查看这一系列教程 : < a href=" http://www. onlinesolutions Development.com/blog/mobal- development/ capeting- a- sencha- touch- touch- mvc- application- from- scratch- part-1/ " rel=" nofolpt" > http://www. onlinesolutionsdesvelopment.com/blog/mobal- development/Createing- a-sencha- touch- mvc- application- from- scratch- part-1/

友情链接