extjs grid行插入进度条

转载自http://joyliu.org/blog/archives/175

主要代码：

columns:

{
            xtype: 'gridcolumn',
            width: 110,
            dataIndex: 'chScore',
            text: '进度',
            renderer: function (value, metaData, record) {
                var id = Ext.id();
                metaData.tdAttr = 'data-qtip="'+value+'%"';
                Ext.defer(function () {                         
                    Ext.widget('progressbar', {
                        renderTo: id,
                        value: value / 100, 
                        height:20,
                        width: 100,
                        text:value+'%'
                    });                     
                }, 50);
                return Ext.String.format('<div id="{0}"></div>', id);
            }
        }

效果：