extjs - 从EXTJS4中的网格面板将参数传递给窗口面板

Question

{
    icon: 'images/delete.png', 
    tooltip: 'Edit',

    handler: function(grid, rowIndex, colIndex) {
            var edit = Ext.create('AM.view.user.Uploadfile').show();
            //here I want to pass parameters to get in window panel     
    }
}

我编写的代码希望像在窗口面板上单击图标的行 ID 一样传递参数。

Answer 1

如果您查看 API，您会看到处理程序具有参数

• view : 拥有的 TableView。
• rowIndex ：点击的行索引。
• colIndex ：点击的列索引。
• item ：单击的项目（如果未配置多个项目，则为此列）。
• e ：点击事件。
• record：被点击行的底层记录

最后一个对你来说很有趣。所以你可以这样做

handler: function(grid, rowIndex, colIndex, item, e , record) {
    var win = Ext.create('Ext.window.Window', { 
          autoShow: true, 
          html: record.data.firstname + ' ' + record.data.lastname 
    });
}

这是一个有效的JSFiddle

Answer 2

它是操作列上的一个按钮。要将 Id 传递给窗口，您可以通过从记录参数中获取行数据来检索行数据。

columns: [
    { text: 'Id', dataIndex: 'Id', width: 50 },
    {
        xtype: 'actioncolumn',
        width: 100,
        text: 'Delete',
        align: 'center',
        items: [{
            icon: '../images/delete.png',
            tooltip: 'Delete',
            handler: function (grid, rowIndex, colIndex, item, e, record) {
                myWin.id = record.data.Id; //where myWin is a reference to the window object and id is just a config.
            }
        }]
    }
]