progressBar in grid cell

画界面的时候画了个grid里放progressbar的图，但没去具体实践过。
今天正好需要就研究了下，并在官网找到答案。

自己做了些修改

var colums=[
   new Ext.ux.ProgressColumn({
                header: '主机CPU-MHz',
                width: 70, 
                dataIndex: 'cpu',
                align: 'center',
				menuDisabled:true,
                                 /*计算值*/
				getFraction: function(value, meta, record, rowIndex, colIndex, store) {
				   var fraction = 0;
					if (record) {
						fraction = value/100;
						if (fraction < 0) {
							fraction = 0;
						} else if (fraction > 1) {
							fraction = 1;
						}
					}
					return fraction;
				},
                               /*定义样式*/
				getBarClass: function(fraction) { 
					if(fraction >= 0.9){
						return "high";
					}
					if(fraction > 0 && fraction<0.9){
						return 'low';
					}
    			}, 	
                renderer: function(value, meta, record, rowIndex, colIndex, store, pct) {
                    return Ext.util.Format.number(pct, "0.00%");
                }
            }),
]

var ListGrid = new Ext.grid.GridPanel({
   ....
   columns: colums,
   .....
}）；

补另一个解决方式：
http://www.rahulsingla.com/blog/2011/01/extjs-components-in-gridpanel-columns#comment-433