Ext.ns('app.grid');
app.grid.album = Ext.extend(app.grid.base,{
	title: 'Цомогууд',
	pageDisplayRow : 6,
	initComponent : function(){
	this.store = new Ext.data.JsonStore({
		root: 'data',
		totalProperty: 'total',
		idProperty: 'album_id',
		remoteSort: true,
		fields: [{
			name : 'album_id',
			type : 'int'
			//css : 'background-color: #f0f0f0;'
		},{
			name : 'songs',
			mapping : 'album_id'
		},
		'ner', 'image','on','desc'
		],
		proxy: new Ext.data.HttpProxy({
				url: '/album/list'
			})
		});
		this.columns=[{
			header: " ",
			dataIndex: "image",
			fixed : true,
			menuDisabled : true,
			width : 70,
			renderer : function(v,md){
				if(Ext.isEmpty(v)){
					return '<div align="center" class="album-image"></div>';
				}
				return String.format('<div align="center" class="album-image" style="background-image: url({0}/album-img/{1})" ></div>',www.url,v);
			}
		},{
			header: "Нэр",
			dataIndex: "ner",
			sortable: true,
			width : 350
		},{
			header: " ",
			dataIndex: "songs",
			sortable: false,
			fixed : true,
			menuDisabled : true,
			width : 100,
			align : 'center',
			renderer : function(v,md,rec){
				return String.format('<a href="#" field="songs" label="{1}" data_id="{0}" onclick="return false">Дуунууд</a>',v,rec.get('ner'));
			}
		}];
		this.on('cellclick',this.cellClick,this);
		app.grid.album.superclass.initComponent.call(this);
	},
	cellClick : function(g,ri,ci,e){
		var target = e.getTarget();
		if(target){
			if(target.tagName == 'A'){
				switch(target.getAttribute('field')){
					case 'songs':
						this.PPanel.fireEvent('showListFromAlbums',target.getAttribute('data_id'),target.getAttribute('label'));
						break;
				}
			}
		}
	}

});