这是我在煎茶中的代码。我有 4 个选项卡 当单击任何选项卡内容中的按钮操作时,新视图已动态添加到选项卡栏中。这里是我的代码
var wishlist = {
standardSubmit : false,
items: [
{
xtype: 'fieldset',
scope:this,
defaults: {
required: true,
labelAlign: 'left',
},
title: 'hom',
items: [
{
xtype: 'textfield',
name : 'password',
label: 'Category',
useClearIcon: true
},{
xtype: 'textfield',
name : 'password',
label: 'Location',
useClearIcon: true
}],
},
{
xtype: 'button',
text: 'Add Wish',
ui: 'confirm',
handler: function()
{
//Here when i click other view has been added in tab bar
view.setActiveItem(0, {type:'fade', direction:'left'});
view.setActiveItem({
title: 'Add Wish',
items: [wishlist]
});
});
},
}]
};
选项卡栏整数代码在这里
var view = Ext.create('Ext.TabPanel', {
fullscreen: false,
tabBarPosition: 'bottom',
items: [{
title: 'HOME',
iconCls: 'home',
items: [{
xtype: 'toolbar',
title: 'My Items',
},wishlist]
},
{
title: 'ITEMS',
iconCls: 'star',
items: [{
xtype: 'toolbar',
title: 'Add Items',
},signinformBase]
},
{
title: 'PROFILE',
iconCls: 'user',
items: [{
xtype: 'toolbar',
title: 'MY PROFILE',
},wishlist]
},{
title: 'FRIENDS',
iconCls: 'team',
items: [{
xtype: 'toolbar',
title: 'FRIENDS',
},wishlist]
},
});
请帮我整理一下