Dashboard Panel

  source

Ext.define('Extras.navigation.Dashboard',{
	extend:'Ext.Container',
	requires:'Extras.layout.Grid',
	xtype:'dashboard',
	config:{
		layout:'grid',
		scrollable:true,
		defaults:{
			iconAlign:'top',
			iconCls: 'refresh', 
			iconMask: true
		},
		items:[
			{
				xtype:'button',text:'a',
				handler:function() {
					this.up('dashboard').insert(0,{xtype:'button',text:'x'});
				}

			},
			{
				xtype:'tabbar', docked:'bottom',
				items:[
					{xtype:'tab', title:'tab1',text:'tab1', iconCls: 'refresh',iconMask: true},
					{xtype:'tab', title:'tab1',text:'tab1'},
					{xtype:'tab', title:'tab1',text:'tab1'}
				]
			},
			{xtype:'button',text:'sd',iconAlign:'bottom',iconCls: 'refresh', iconMask: true},
			{xtype:'button',text:'45454c'},
			{xtype:'button',text:'565656d'}
		],
		cellRenderer:{
				xtype:'container',
				style:'overflow:hidden',
				layout:{
					type:'hbox',
					align:'center',
					pack:'middle'
				}
			}
	},
	factoryItem: function(item) {
		if(item.docked){
			return this.callParent(arguments);
		}
		var renderer = this.getCellRenderer();
		renderer.items = [];
		renderer.items.push(item);
		return Ext.factory(renderer);
	}
});