                                                                                                                                                                                                                               
/**
 * @author schiesser
 */
Ext.ns('Extensive.grid');

Extensive.grid.ItemDeleter = Ext.extend(Ext.grid.RowSelectionModel, {

    width: 30,
    
    sortable: false,
	dataIndex: 0, // this is needed, otherwise there will be an error
    
    menuDisabled: true,
    fixed: true,
    id: 'deleter',
    
    initEvents: function(){
        Extensive.grid.ItemDeleter.superclass.initEvents.call(this);
        this.grid.on('cellclick', function(grid, rowIndex, columnIndex, e){
			if(columnIndex==grid.getColumnModel().getIndexById('deleter')) {
				var record = grid.getStore().getAt(rowIndex);
				grid.getStore().remove(record);
				grid.getView().refresh();
			}
        });
    },
    
/*    renderer: function(v, p, record, rowIndex){
        return '<div class="extensive-remove" style="width: 15px; height: 16px;"></div>';
    }*/
	 renderer: function(v, p, record, rowIndex){
        return '<div style="width: 15px; height: 16px;"><img src = "../images/delete.png"></img></div>';
    }
});