Панель вкладок в панели вкладок будет дрожать при нажатии Sencha Touch 2.1
Я хочу создать представление с заголовком и панелью вкладок с двумя списками и формой ввода, поэтому сначала я создаю заголовок, а затем вкладку. Но когда я нажимаю на каждую вкладку, все вкладки будут слегка дрожать вверх и вниз и когда я настраиваю tabBarPosition внизу, это выглядит хорошо. Итак, как это решить? И как очистить заданный по умолчанию фон вкладки?
ниже мой взгляд:
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
});