How modify tree style in eventRenderer

[afiume]

Hi guys,

i necessity to modify the style of tree record in 'eventRenderer'.

How i can do this?
Which class/template source i can modify?

Thanks,

Tony

[afiume]

if this is my eventRenderer, how i can modify the style of record in a tree?

eventRenderer: function (taskRecord, r, tplData, row, col, ds) {}

[arcady]

The eventRenderer method is used for rendering tasks in the right part of the gantt panel (so called scheduling view).
And if you want to customize your left side (so called locked grid) columns you can use normal ExtJS renderer config.

[afiume]

The eventRenderer method is used for rendering tasks in the right part of the gantt panel (so called scheduling view).
And if you want to customize your left side (so called locked grid) columns you can use normal ExtJS renderer config.

thanks for the reply

Can i do Gantt.lockedGrid.[...] to get the record name and customize the cls?

Thanks

[arcady]

The renderer receives as its arguments value, metaData (which can be used for CSS styling) and record.

[afiume]

The renderer receives as its arguments value, metaData (which can be used for CSS styling) and record.

ok,

but i dont understand how use this render.

Where i must put this code?

 renderer: function(value){
     
    }

If i include the code in Gantt create, not work.

 g = Ext.create('Gnt.panel.Gantt', {

renderer: function(value){
     
    }

[...]
}

[afiume]

Cani do override?

          Ext.define('Override.Ext.tree.Panel', {
            override: 'Ext.tree.Panel',


            });

[arcady]

The renderer is a config of column. As far as I understand you are trying to customize columns look?

...
                {
                    xtype       : 'treecolumn',
                    dataIndex   : 'Name',
                    renderer    : function (value, meta, record) {
                        // here we assign some class
                        meta.tdCls = 'custom-style';
                        return value;
                    }
                }
...

[afiume]

The renderer is a config of column. As far as I understand you are trying to customize columns look?

...
                {
                    xtype       : 'treecolumn',
                    dataIndex   : 'Name',
                    renderer    : function (value, meta, record) {
                        // here we assign some class
                        meta.tdCls = 'custom-style';
                        return value;
                    }
                }
...

i nencessity to modify the style of children, father in the tree

[afiume]

Perfect,

whit this render i can manage the colums:

  treeRenderer: function (value, metaData, record, rowIdx, colIdx, store, view) {[...]}

Where is the info about checked column? If the column checked is false i can modify the style