如何在网格的单元格中创建一个栏（ExtJS 3.3.1）

Question

我有一个具有关联 JsonStore 的网格，并且一切都很好。我想在这样的列中创建：

我对 Ext 很陌生，但这是我目前在 ColumnModel 中所拥有的：

     {
        header: 'Sales Rep', 
        width: 150, 
        sortable: true, 
        dataIndex: 'salesrep'
     },
     {
        header: 'graph',
        width: 150,          
        sortable: true, 
        dataIndex: 'ytd',
        renderer: function(value, metaData, record, rowIndex, colIndex, store){
            var colChart = new Ext.chart.ColumnChart({
                store: store,
                xField: 'ytd',
                yField: 'salesrep'           
            });             
        }            
     },
     {
        header: 'Year to Date', 
        width: 150, 
        sortable: true, 
        dataIndex: 'ytd'
     }, 

第一列和第三列按预期工作，但我在第二列中看不到任何内容。有人做过这样的事吗？

Answer 1

使用列渲染器，您可以通过metadata 对象影响渲染。

不幸的是，它只允许更改 html 属性和 css 类。
因此，您要么需要尝试使用 css 样式生成图表，要么搜索其他可能的方式，例如创建临时列。