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

我有一个具有关联的JsonStore的网格，并且所有内容都非常好。我想在一列像这样创建：如何在Grid的单元格中创建一个条（ExtJS 3.3.1）

Sample Bars

我是很新的内线，但是这是我迄今为止在我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' 
    },

第一和第三专栏的工作如预期，但我没有看到第二个任何东西。任何人都做过这样的事情？

来源

2012-01-18 Corey

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

不幸的是，它只允许改变html属性和CSS类。
因此，无论您需要尝试使用CSS样式生成图表还是搜索其他可能的方式，例如创建特别列。

来源

2012-01-18 23:01:50 Li0liQ

好吧，我现在看到了setRenderer方法的定义。所以，基本上我需要使用HTML和CSS来创建一个酒吧外观。我可以做到这一点。我喜欢动态的条形图，虽然:) 谢谢。 – Corey

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

回答

相关问题