Ext TabPanel最右边加注销按钮

[c100017]

Ext.onReady(function() {
var button = new Ext.Button({
text:'注销',
handler:function(){
Ext.Ajax.request({
url:contextPath+'/cms/user/login'
});
}
});
var view = new Ext.Viewport({
layout : 'fit',
items : {
xtype : 'tabpanel',
activeTab : 0,
tbar : [{
text : '注销',
handler : function() {

}
}],
items : [{
title : '内容管理',
html : '<iframe src="'
+ contextPath
+ '/cms/content/manager" width="100%" height="100%" frameborder="0"/>'
}, {
title : '资源管理',
disabled:userArea!=32,
html : '<iframe src="'
+ contextPath
+ '/cms/resource/manager" width="100%" height="100%" frameborder="0"/>'
}, {
title : '模型管理',
disabled:userArea!=32,
html : '<iframe src="'
+ contextPath
+ '/cms/dynamicContent/contentTypeManager" width="100%" height="100%" frameborder="0"/>'
}, {
title : '模板管理',
disabled:userArea!=32,
html : '<iframe src="'
+ contextPath
+ '/cms/templateManager/manager" width="100%" height="100%" frameborder="0"/>'
}, {
title : '从属于关系管理',
disabled:userArea!=32,
html : '<iframe src="'
+ contextPath
+ '/cms/content/ownerRelationManager" width="100%" height="100%" frameborder="0"/>'
}]
}
});
});


我想在tabpanel的最右边加一个注销按钮，怎么加，求解。