请教 Ext 类的继承问题

最新推荐文章于 2022-04-21 13:47:16 发布

最新推荐文章于 2022-04-21 13:47:16 发布 · 141 阅读

文章标签：

#EXT #HTML

本文介绍了一位初学者在使用ExtJS框架时遇到的问题，主要关注如何实现Card布局的导航功能，通过设置Next按钮的动作来切换不同的窗口内容。

本人是一个初学者，好多东西还不太明白。先谢过各位。我想制作一个类似安装向导的窗口，使用card布局，点击 Next 时，显示下一个窗口，但是 Next 按钮的 handler 函数changeTab（）却不知道写在什么地方。代码如下：

Example = Ext.extend(Ext.Window, {

//    changeTab : function(){
//            AddHostWin.superclass.getLayout().setActiveItem(i++);
//        },

// 放在这个位置是不正确的，运行时提示 this.handler.call is not a function

    initComponent : function() {
        var i =1;

        Ext.apply(this, {
            title : 'Add Host',
            layout:'card',
            width:500,
            height:300,
            closeAction:'hide',
            activeItem: 0,
            layoutConfig: {
                animate: true
            },
            items : [
                {title:"p1",html:"p1 content"},
                {title:"p2",html:"p2 content"},
                {title:"p3",html:"p3 content"},
                {title:"p4",html:"p4 content"},
            ] ,
            buttons: [
                {
                    text:'Previous'
                },
                {
                    text: 'Next',
                    handler: 'changeTab'
                }
            ]
        }) //end apply
        AddHostWin.superclass.initComponent.apply(this, arguments);
    } //end init
});
Ext.reg('example', Example);