如何在具有列vars的EXTjs编辑器网格面板中的特定列中添加样式？

Question

/ *仅在特定的列上需要有指针光标，而在整个网格或行上则不需要。

* /

 this.testRenderer = function(v, m, r, ri, ci, ds) { var total = formatMoney(r.data["total"], cur); return total; }; var columnsVar = [ { header: getMsg('test', 'testp'), dataIndex: 'test.name', sortable: true }, { header: getMsg('test', 'testtotal'), sortable: true, dataIndex: 'total', editor: new Ext.form.TextField({ allowBlank: false, maxLength: 48 }), render:this. testRenderer }, { header: getMsg('test', 'active'), sortable: true, dataIndex: 'test.Status' } ]; this.testGrid = new Ext.grid.EditorGridPanel({ title:getMsg('test','Details'), flex: 3, cls: 'cnqr-shuttle-grid', border: false, header: true, clicksToEdit: 1, enableHdMenu: false, enableColumnHide: false, enableColumnMove: false, autoHeight: true, viewConfig: { getRowClass : function(record, rowIndex, p, store) { p.tstyle = ' cursor: pointer;' }, forceFit: true, scrollOffset: 0 // the grid will never have scrollbars }, tbar: new Ext.Toolbar({ ctCls: 'grayButtonToolBar border-toolbar' }), store: store1, selModel: new Ext.grid.RowSelectionModel(), columns: columnsVar }); 

// testGrid是Ext编辑器网格，列vars有3列，我只需要在第二列testtotal col上放置指针光标。 尝试在testRenderer上添加代码，但是没有用。

Answer 1

在希望指针指向的列上，添加以下内容：

renderer: function(value, metadata) {
    metadata.tdCls = 'pointer-only';
    return value;
}

并在您的CSS中添加类：

.pointer-only {
    cursor: pointer;
}

这是一个小提琴 ，在简单网格的最后一列中对此进行了说明

Answer 2

 renderer: function (value, metadata) { metadata.style = 'cursor: pointer;'; return value; }