var ComprarReader = new Ext.data.ArrayReader({}, [
   {name: 'Imagen'},
   {name: 'Codigo'},
   {name: 'Articulo'},
   {name: 'Existencia', type: 'integer'},
   {name: 'Cantidad', type: 'integer'},
   {name: 'Precio', type: 'float'}
]);
    
var sm = new Ext.grid.CheckboxSelectionModel();

ComprarDataStore = new Ext.data.Store({
	id: 'ComprarDataStore'
});

ComprarColumnModel = new Ext.grid.ColumnModel(
[
    sm,
	{ header: 'Imagen', readOnly: true, width: 100, hidden: false, sortable:false, renderer: imagenRenderer },
	{ header: 'Código', readOnly: true, width: 100, hidden: false },
	{ header: 'Artículo', readOnly: true, width: 300, hidden: false },
	{ header: 'Existencia', readOnly: true, width: 100, hidden: false, renderer: existenciaRenderer, align:'center' },
	{ header: 'Cantidad', readOnly: true, width: 100, hidden: false, renderer: existenciaRenderer, align:'right' },
	{ header: 'Precio', readOnly: true, width: 100, hidden: false, renderer: Ext.util.Format.usMoney, align:'right' }]
);

var ComprarGrid =  new Ext.grid.GridPanel({
    id: 'ComprarGrid',
    ds: ComprarDataStore,
    cm: ComprarColumnModel,
	cls: 'in-panel',
	loadMask: true,
    enableColLock:false,
	border: false,
//	    tbar: ["      ",textoLibre, "   ", comboMarca, "   ", comboGrupo, "   ", botonBuscar, "     ", botonReiniciar],
 // inline toolbars
        tbar:[{
            text:'Add Something',
            tooltip:'Add a new row',
            iconCls:'add'
        }, '-', {
            text:'Options',
            tooltip:'Blah blah blah blaht',
            iconCls:'option'
        },'-',{
            text:'Remove Something',
            tooltip:'Remove the selected item',
            iconCls:'remove'
        }],
    selModel: new Ext.grid.RowSelectionModel({singleSelect:false}),
	viewConfig: {
        forceFit: false
    }
  });


var comprar = {
	id: 'comprar-panel',
	layout: 'fit',
	cls: 'main-panel',
    items: [ComprarGrid]
};