Ext.define('PMG.MailStatGrid', {
    extend: 'Ext.grid.GridPanel',
    xtype: 'pmgMailStatGrid',
	    
    disableSelection: true,
    hideHeaders: true,

    store: {
	fields: [ 'name', 'value', 'percentage' ],
    },

    columns: [
	{
	    flex: 1,
	    dataIndex: 'name'
	},
	{
	    width: 150,
	    dataIndex: 'value'
	},
	{
	    width: 300,
	    
	    xtype: 'widgetcolumn',
	    dataIndex: 'percentage',
	    widget: {
		xtype: 'progressbarwidget',
		textTpl: ['{percent:number("0")}%' ]
	    },

	    onWidgetAttach: function (column, widget, rec) {
		if (rec.data.percentage === undefined) {
		    widget.setStyle("visibility: hidden");
		} else {
		    widget.setStyle("visibility: visible");
		}
	    }
	}
    ]
});