Ext.ux.ProgressColumn - a Column subclass to display progress bars in grid cells.

[Fabyo]

not

how to work with editing slider?

[Animal]

You might try the new SliderField from the 3.2 beta.

[Fabyo]

Thanks

[wki01]

It would be nice to have such a thing as an extension of DisplayField.
Anyone?

Thanks in advance

[Animal]

I don't know what you mean. What has a DisplayField got to do with a column renderer?

[supercharge2]

Thank you animal for this useful extension. This really spiced up a page my sales team uses to track their sales progress. Now at a glance they can see where they are at which saves time and money. I appreciate your contributions!

[Fabyo]

I don't know what you mean. What has a DisplayField got to do with a column renderer?

I find it interesting to use the SliderField in edit mode

[wki01]

I don't know what you mean. What has a DisplayField got to do with a column renderer?

I was looking for a field that can display the value of a share (%) in graphic mode

[Animal]

http://www.extjs.com/deploy/dev/docs...xt.ProgressBar

[antmangaka]

hi first of all great plugin and thank you for posting it.

I tried registering the component like this

Ext.reg('pcolumn',Ext.ux.ProgressColumn);

then tried to use it like:

var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
            {id:'company',header: 'Company', width: 160, sortable: true, dataIndex: 'company'},
            {header: 'Price', width: 75, sortable: true, renderer: 'usMoney', dataIndex: 'price'},
            {header: 'Change', width: 75, sortable: true, renderer: change, dataIndex: 'change'},
            {xtype:'pcolumn',header: '% Change',width: 105,dataIndex: 'change',divisor: 'price',align: 'center'},
            {header: 'Last Updated', width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastChange'}
        ],
        stripeRows: true,
        autoExpandColumn: 'company',
        height: 350,
        width: 600,
        title: 'Array Grid',
        // config options for stateful behavior
        stateful: true,
        stateId: 'grid'        
    });

But it doesn't work, the grid isn't being displayed

 b is not a constructor
[IMG]chrome://firebug/content/blank.gif[/IMG]var  swfobject=function(){var  E="undefi...);Ext.grid.GroupingView.GROUP_ID=1000;ext-all.js

Update: searching the forums i saw

Ext.apply(Ext.grid.Column.types, {
    pcolumn: Ext.ux.ProgressColumn
});

that did it