Sencha Touch - 视图内的调用函数不会被调用

Question

我刚刚开始探索煎茶。坚持这一点。帮助赞赏:)

这是我的 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");
}

Answer 1

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

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

然后您可以引用此按钮并在应用的控制器中为其设置功能：

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

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

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