怎样为extjs写的表中的列中的按钮添加方法。

2024-12-13 10:54:48
推荐回答(2个)
回答(1):

menuDisabled: true,
                sortable: false,
                xtype: 'actioncolumn',
                width: 50,
                items: [{
                    iconCls: 'sell-col',
                    tooltip: 'Sell stock',
                    handler: function(grid, rowIndex, colIndex) {
                        var rec = grid.getStore().getAt(rowIndex);
                        Ext.Msg.alert('Sell', 'Sell ' + rec.get('company'));
                    }
                }, {
                    getClass: function(v, meta, rec) {
                        if (rec.get('change') < 0) {
                            return 'alert-col';
                        } else {
                            return 'buy-col';
                        }
                    },
                    getTip: function(v, meta, rec) {
                        if (rec.get('change') < 0) {
                            return 'Hold stock';
                        } else {
                            return 'Buy stock';
                        }
                    },
                    handler: function(grid, rowIndex, colIndex) {
                        var rec = grid.getStore().getAt(rowIndex),
                            action = (rec.get('change') < 0 ? 'Hold' : 'Buy');
                        Ext.Msg.alert(action, action + ' ' + rec.get('company'));
                    }

可以看看官方提供的样例,写的很清楚~~~

回答(2):

大多数情况我们都不会添加按钮,而是添加图片让用户区点击,从而替代了按钮,也就是把你的label标签换成img标签,而且这样还可以传grid中的每个属性的值