ExtJs选项卡，求大神解答

如图，我要在这个树下面加个选项卡，怎么弄

Ext.onReady(function() {

	//layout的north region

	var data = [{

		text: '一号摄像头',

		expanded: false, //最终节点就是叶子，否则就expanded

		children: [{

			text: '设备ID解析',

			icon: 'icon/award_star_gold_2.png',

			leaf: true

		}, {

			text: '登录',

			leaf: true

		}, {

			text: '云台控制',

			leaf: true

		}]

	}, {

		text: '二号摄像头',

		expanded: false,

		children: [{

			text: '设备ID解析',

			leaf: true

		}, {

			text: '登录',

			leaf: true

		}, {

			text: '云台控制',

			leaf: true

		}]

	}];

	//定义菜单栏

	var menutreeStore = Ext.create('Ext.data.TreeStore', {

		root: {

			expanded: true,

			text: '摄像头列表',

			icon: 'icon/attach.png',

			children: data

		}

	});


	var left_content = Ext.create('Ext.tree.Panel', {

		id: 'left_content',

		region: 'west',

		collapsible: false,

		autoScroll: true,

		animate: true, //展开的动画效果

		singleExpand: false, //单一展开

		rootvisible: true, //根节点可见

		width: 200,

		border: false,

		autoHeight: true,

		store: menutreeStore,

		useArrows: true,

		store: menutreeStore

	});


	var center_content = Ext.create("Ext.panel.Panel", {

		id: 'center_content',

		region: "center",

		split: true,

		collapsible: false,

		html: '

'
});

//总布局创建
Ext.create('Ext.container.Viewport', {
layout: 'border',
renderTo: Ext.getBody(),
items: [center_content, left_content]
});

//onReady end
}); 这是源码