Как создать панель в ячейке сетки (ExtJS 3.3.1)

У меня есть сетка со связанным 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'
     },

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


extjs extjs3
person Corey    schedule 18.01.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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

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

person Li0liQ    schedule 18.01.2012
comment
Хорошо, теперь я вижу это в определении метода setRenderer. Итак, в основном мне нужно будет использовать HTML и CSS, чтобы создать внешний вид панели. Я могу это сделать. Хотя мне понравилась яркая анимация гистограммы :) Спасибо. - person Corey; 19.01.2012