0

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

                       });

请帮我整理一下

4

1 回答 1

1

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

学习煎茶班系统

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

然后,您需要了解一些更具体的概念,例如 Store 和 MVC Pattern

如果你不熟悉 MVC,那么

深入了解 MVC 第 1 部分

MVC 深入第 2 部分

有用的 SO 链接

于 2013-08-19T09:13:37.750 回答