我想创建一个带有标题栏和带有两个列表和输入表单的tabpanel的视图,所以我 首先创建一个标题栏,然后创建一个tabpanel.But当我点击每个标签时,所有标签都会上下抖动一点,当我将tabBarPosition配置到底部时,它看起来不错。 那么,如何解决这个问题呢?并且,如何清除tabBar的默认背景?
以下是我的观点:
Ext.define('MyApp.view.MyView',
{
extend : 'Ext.Container',
id : 'MyView',
xtype : 'MyView',
config : {
xtype : 'panel',
layout : 'vbox',
items : [
{
xtype : 'titlebar',
docked : 'top',
title : 'MyView',
items : [
{
text : 'goback',
ui : 'back',
align : 'right',
listeners : {
tap : function(){
backwardPage('back');
}
}
},{
text : 'index',
ui : 'home',
align : 'left',
listeners : {
tap : function() {
forwardPage('index','index');
}
}
}
]
}//title bar
,{
xtype : 'tabpanel',
style : 'border:1px solid red;',
//tabBarPosition : 'bottom',
flex : 1,
ui : 'light',
layout : {
type : 'card',
align : 'middle',
pack : 'center'
},
defaults: {
styleHtmlContent: true
},
items : [
{
title : 'One',
html : 'one'
}
, {
title : 'two',
html : 'two'
}
,{
title : 'three',
html : 'three'
}
]
}//top buttons
]
}//config
});
答案 0 :(得分:0)
这也发生在我身上。我无法找到解决方案。