Sencha Touch - 视图中的调用功能不会被调用

时间:2013-02-01 10:35:05

标签: javascript extjs sencha-touch sencha-touch-2

我刚刚开始探索sencha。坚持这个。帮助感谢:)

这是我的java脚本代码,在下面的行处理函数中我调用了以下方法,该方法位于items和parent xtype form-panel下。

  {
     xtype:'panel',
     defaults:{
        xtype:'button',
        style:'margin: 0.1em',
        flex:1
     },
     layout:{
        type:'hbox',
        align:'center'
     },
     items:[
        {
           text:'Submit',
           handler:this.makeReq,
           scope:this
        },
        {
           text:'Terms & Conditions',

        }
     ]
  }

这是在上面的函数中调用的方法,但似乎不会发生任何事情。

makeReq: function() {
    alert("Hey There");
}

1 个答案:

答案 0 :(得分:1)

我真的建议你在这种情况下遵循Sencha Touch 2 MVC模型。你可以给你的按钮这样的动作:

{
    text:'Submit',
    action: 'submit'
}

然后你可以参考这个按钮并在应用程序的控制器中设置它的功能:

config: {
    refs: {
        submitButton: 'button[action=submit]',
    },

    control: {
        submitButton: {
            tap: 'makeReq'
        },
    },

    makeReq: function() {
        alert("Hey There");
    }
}