代码之家 › 专栏 › 技术社区 › shaker

如何将extjs中的editFunctionation绑定到actioncolumn?

extjs4.2 javascript

shaker · 技术社区 · 10 年前

我的用户中有此操作列。列表视图:

    xtype: "actioncolumn",
            items: [
                {
                    tooltip: "Edit",
                    icon:'resources/img/edit.png',
                    handler: function (grid, rowIndex) {
                        var rec = grid.getStore().getAt(rowIndex);
 //                            alert("Edit " + rec.get('username'));
                    }
                }
    ]

在我的控制器中,我有这个:

 init: function() {
    this.control({
        'userlist': {
            itemdblclick: this.editUser
        },
        'useredit button[action=save]': {
            click: this.updateUser
        }
    });
},

editUser: function(grid, record) {
    var view = Ext.widget('useredit');

    view.down('form').loadRecord(record);
},

我想以某种方式将Edit from actioncolumn链接到控制器中的editUser函数,但我陷入了困境,我需要一些帮助:)

1 回复 | 直到 10 年前

Kamil Adryjanek 10 年前

使用ExtJS4:

initComponent: function() {
    var me = this;

    ...

    me.columns = [
        {
            xtype: 'actioncolumn',
            tooltip: 'Edit',
            icon:'resources/img/edit.png',
            handler: Ext.bind(me.editUser, me)
        }
    ]

    me.callParent(arguments);
    ...
}

推荐文章