导航无法在sencha中工作

时间:2012-05-11 09:48:51

标签: javascript sencha-touch extjs

您好我是sencha的新手,我正在尝试导航这里我点击了VehicleSubPage1中的一个按钮,然后它导航到AccountInfo但它无法正常工作, 这里是我写的代码

任何人都可以帮助我

* VehicleSubPage1 class *

Ext.define("myproject.view.VehicleSubPage1", {
    extend: 'Ext.navigation.View',
        xtype:'VehicleSubPage1form',
        requires: [
        'myproject.view.AccountInfo'
        ],

    config: {

                title: 'Account Info',
                iconCls: 'home',
                styleHtmlContent: true,
                scrollable: true,
                items: [
                {
                    xtype: 'button',
                    text: 'Push another view!',
                    handler: function() {
                      view.push({

                         xtype:'AccountInfoform'

                     });
                    }
                }
            ]        
    }

});

AccountInfo类

Ext.define("myproject.view.AccountInfo", {
    extend: 'Ext.Panel',
        xtype:'AccountInfoform',
    config: {

               url: 'contact.php',
                title: 'Account Info',
                iconCls: 'home',
                styleHtmlContent: true,
                scrollable: true,
                items:[
                 {
                xtype: 'button',
                text: 'send',
                ui: 'confirm',
                handler:function(){
                alert("clicked");
                }

                } 
                ]   

    }

});

1 个答案:

答案 0 :(得分:0)

似乎问题是按钮处理程序中的view未定义。您实际想要做的是调用导航视图的push方法。因此,为VehicleSubPage1添加一个id属性,并将处理程序更改为以下内容:

function() {
    var accountInfo = Ext.getCmp('accountInfo'); //assuming you have set the id of VehicleSubPage1 as id: 'accountInfo'
    accountInfo.push({
        xtype:'AccountInfoform'
    });
}