Как я могу создать бар в ячейке сетки (ExtJS 3.3.1) - PullRequest
Новая
       8

Как я могу создать бар в ячейке сетки (ExtJS 3.3.1)

0 голосов
/ 19 января 2012

У меня есть сетка, с которой связан JsonStore, и все отлично заполняется.Я хочу создать в столбце что-то вроде этого:

Sample Bars

Я очень плохо знаком с 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'
     },

Первый и третий столбцы работают как положено, но во втором я ничего не вижу.Кто-нибудь сделал что-нибудь подобное?

1 Ответ

1 голос
/ 19 января 2012

Используя средство визуализации столбцов, вы можете влиять на рендеринг через объект metadata.

К сожалению, он позволяет изменять только атрибуты html и классы css.
Поэтому либо вам нужно попробовать использовать стили CSS для генерации диаграммы, либо искать другие возможные способы, например, создание специальных столбцов.

...