Question

我正在通过这个sencha touch tutorial，然而，我无法触发点击事件，我已经尝试过使用id来获取引用。但是没有运气......我的代码是......

查看：

    Ext.define("NotesApp.view.NotesListContainer", {
    extend: "Ext.Container",
    xtype: "NotesListView",
    config: {
    items: [{
        xtype: "toolbar",
        docked: "top",
        title: "My Notes",
        items:[{
            xtype: "spacer",
          }, {
            xtype: "button",
            text: "New",
            ui: "action",
            action: "addNote",
            id: "new-note-btn"
          }]
        }]
      }
    });

控制器：

    Ext.define("NotesApp.controller.Notes", {
         extend: "Ext.app.Controller",
         config: {
            refs: {
                notesListView: 'NotesListView',
                newNoteBtn: 'notesListView button[action=addNote]'
            },
            control: {
                tap:  "onNewNote"
            }
        },
        onNewNote: function(){
            console.log("New button has been tapped!!");
        },
        launch: function() {
            this.callParent();
            console.log("Launch in Notes.js");
        },
        init: function(){
            this.callParent();
            console.log("Init in Notes.js");
        }
    });

我无法解决我失踪的问题。当我点击工具栏中的“新建”按钮时，似乎没有任何事件被触发，因为控制台日志中没有任何内容。我已经尝试过Safari，Chrome和Firefox ..没有快乐......请你快速看一下，看看能不能找到我失踪的东西？有没有办法调试Sencha Touch应用程序？

Answer 1

尝试使用：

newNoteBtn: 'button[action=addNote]'

或：

newNoteBtn: '#new-note-btn'

而不是：

newNoteBtn: 'notesListView button[action=addNote]'

sencha touch 2按钮，在工具栏中，点击事件不会触发

1 个答案: