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

[jay@moduscreate.com]

And?

Is this how you create apps?

See an error, throw your hands up and get "teh interwebs" to do your debugging?

Again, what debugging have you done?

What Nigel is alluding to is the fact that Ext.grid.Column does *not exist* in Ext JS 2.x.

[gijo,mk]

hi

sorry for putting this up in the forum.
but i don't know how to proceed.
i am a beginner in javascript and completely new to ext-js.

in my error console i can see the error is in ext-base.js line9.
but the file is not easily readable.

i am getting the error, even after i reduced my code to
Ext.ux.ProgressColumn = Ext.extend(Ext.grid.Column, { });

how can i proceed debugging from here?

thanks

[Condor]

Use ext-base-debug.js and ext-all-debug.js for debugging!

[jay@moduscreate.com]

What Nigel is alluding to is the fact that Ext.grid.Column does *not exist* in Ext JS 2.x.

[Besessener]

For my use i added a new attribute:

  /**
   * @cfg {boolean} invertedColor if timespan is used
   */
  invertedColor : false 

and changed the colored-part to this:

    if (this.colored == true) {
        if(this.invertedColor == true) {
          if (v > 66)
            style = '-red';
          if (v < 67 && v > 33)
            style = '-orange';
          if (v < 34)
            style = '-green';
        }
        else {
          if (v <= 100 && v > 66)
            style = '-green';
          if (v < 67 && v > 33)
            style = '-orange';
          if (v < 34)
            style = '-red';
        }
    } 

So it demonstrates better the time that approachs.
i.e. 99% of the time between now and endtime of a project is critical -> red !

[talha06]

great extension indeed.. Thank u so much Animal.. I just want to ask is it compatible with Grouping Grid? I tried to use, but I wasn't able to see any changes in the cell?
I'll be happy if someone helps me..
Thanks in advance..

[cyberal]

Hi,

Thank you for this good extension.

In my project I need to choose the color of the progress bar in function of an other column, to do this I have changed the initial code, it seems to me to be good to integrate this update in the original version:
My little modifications are in bold.

getBarClass: function(fraction, value, meta, record, rowIndex, colIndex, store) {
   return (fraction > 0.98) ? 'high' : (fraction > 0.75) ? 'medium' : 'low';
}

// private
    renderer: function(value, meta, record, rowIndex, colIndex, store) {
        var fraction = this.getFraction.apply(this, arguments),
            pct = fraction * 100,
            displayVal;


        Array.prototype.push.call(arguments, pct);
        displayVal = this.baseRenderer.apply(this, arguments);
        if (record) {
            meta.css += ' x-grid3-td-progress-cell';
            return this.tpl.apply({
                align: this.align || 'left',
                value: displayVal,
                pct: fraction * 100,
                qtip: this.getQtip.apply(this, arguments),
                cls: this.getBarClass(fraction, value, meta, record, rowIndex, colIndex, store)
            });
        } else {
            return displayVal;
        }
    }

Bye and again thank you for this plugin
Cyberal

[fvchapa]

Hi!...this is error when integrate whit grouping and summay

p is null

line 148

display bar good in grid but not in summary row.

Any suguestions?

sorry my bad inglish.

[yuiman]

Anyone have this plugin working with 4.1.0?

- Joe