我们需要在Sencha Touch中创建一个选项卡面板,并选择关闭选项卡面板的各个面板。在sencha touch中,我们可以使用以下方法创建一个选项卡面板代码:
Ext.create('Ext.TabPanel', {
fullscreen: true,
tabBarPosition: 'bottom',
defaults: {
styleHtmlContent: true
},
items: [
{
title: 'Panel 1',
html: 'Panel One'
},
{
title: 'Panel 2',
html: 'Panel Two'
}
]
});
在Ext js中,我们可以使用属性closable:true
创建可关闭标签面板,如下所示:
Ext.create('Ext.tab.Panel', {
items: [{
title: 'Tab 1',
html: 'A simple tab',
closable:true
}, {
title: 'Tab 2',
html: 'Another one',
closable:true
}],
renderTo: Ext.getBody()
});
那么我们如何在sencha触摸标签面板中实现相同的目标呢?