动态标签内容添加问题

Posted 2023-02-25

技术标签:

【中文标题】动态标签内容添加问题【英文标题】：Dyanamically tab content adding issue 【发布时间】：2013-08-16 06:31:44 【问题描述】：

这是我在煎茶中的代码。我有 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]
                               ,

                       );

请帮我解决

【问题讨论】：

你需要解释你想用上面的代码做什么。每当我单击任何选项卡时，视图都会通过添加为其他选项卡来实现...我想在按下的同一选项卡中显示视图你关注 MVC 吗？是的...你能提到一些参考链接 【参考方案1】：

您需要从sencha docs 开始并开始构建一些简单的应用程序。

了解Sencha Class System

在 sencha 框架文件夹中有一个示例文件夹，您可以在那里找到许多示例，用它来开始学习和试验。

那么，你需要了解一些更具体的概念，例如 Store 和 MVC Pattern

如果你不熟悉 MVC 那么

MVC in Depth Part 1

MVC in Depth Part 2

Useful SO link

【讨论】：