如何在EXTJS MVC的控制器上添加按钮点击事件

How to Add a Button Click event on Controller of EXTJS MVC

本文关键字：按钮 添加 事件 控制器 EXTJS MVC      更新时间：2023-09-26

我正在尝试使用ExtJS开发一个应用程序。到目前为止，我已经开发了一个带有边框布局的Viewport，我已经完成了北部区域和南部区域。在中心区域中，我有多个面板，例如1。用于搜索数据。2.输入数据任务列表（一个表格），然后在下一个面板上显示网格。在那个面板后面，我有一个按钮，它应该监听点击事件，向用户显示表单。

对于那个事件，我的控制器看起来是这样的：

    this.control({
       'viewport button [action=add]':{
    click: this. addData},
addData : function(button){
consol.log('the add button was clicked');
}
    .......

现在，如果我点击页面上显示按钮的按钮，它没有任何响应以下是我为视口准备的结构代码：

launch : function() {
    Ext.create('Ext.container.Viewport', {
        layout : 'border',
        autoScroll : true,
        items : [{
            region: 'north',
            .......
        },{
            region: 'west',
            ..............
        },{
            region: 'center',
            items:[{
                xtype: 'panel',
                ..............
            },{
                xtype: 'panel',
                ............
            },{
                xtype: 'userlist' 
            },{
                xtype: 'button',
                 text: 'Add',
                 action: 'add'
            }]
        }]

如有任何帮助，我们将不胜感激

删除选择器中button和[action=add]之间的空格：

this.control({
   'viewport button[action=add]': {
        click: this. addData
    },
    ...
相关文章：