1
제목 표시 줄과 두 개의 목록과 입력 양식이있는 tabpanel로보기를 만들려고합니다. 그래서 i 제목 표시 줄을 먼저 만든 다음 tabpanel을 만듭니다. 나는 각 탭을 가볍게 두드리며, 모든 탭이 위아래로 약간 흔들리고, 내가 아래쪽으로 tabBarPosition을 설정하면 잘 보입니다. 그래서 어떻게 해결할 수 있습니까? 그리고 tabBar의 기본 배경을 지우는 방법은 무엇입니까?tabpanel의 탭바는 터치했을 때 떨릴 것입니다.
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
});