1

我正在使用 Extjs 动态添加新选项卡。但是有没有办法可以将新添加的选项卡保存在某处（可能在数据库中），因为每当用户重新访问页面时，我都必须呈现用户动态创建的所有选项卡.

我可以制作标签，将标签的状态保存在 cookie 中。但我知道，为了保存新创建的标签的状态，我必须先将标签的 Html(?) 片段保存在某处？

这是我的代码：

var tab;
var tabIndex = 0;
var tabArray = [];

Ext.application({
  launch: function() {
    Ext.state.Manager.setProvider(new Ext.state.CookieProvider({
      expires: new Date(new Date().getTime() + (1000 * 60 * 60 * 24 * 7))
    }));
    Ext.create('Ext.container.Viewport', {
      layout: 'absolute',
      items: [{
        x: 50,
        y: 50,
        width: 300,
        height: 300,
        xtype: 'tabpanel',
        stateful: true,
        stateId: 'tp1',
        stateEvents: ['tabchange'],
        getState: function() {
          return {
            activeTab: this.items.findIndex('id',this.getActiveTab().id)
          };
        },
        applyState: function(s) {
          this.setActiveTab(s.activeTab);
        },
        items: [{
          id: 'c0',
          title: 'Tab One'
        }, {
          id: 'c1',
          title: 'Tab Two'
        }, {
          id: 'c2',
          title: 'Tab Three'
        }],
        bbar: [
                  {
                      text: 'Add Tab',
                      //region: 'south',
                      xtype: 'button',
                      handler: function () {
                          var tabs = this.up('tabpanel');
                          tab = tabs.add({
                              title: 'Tab ',
                              closable:true,
                              xtype:'panel',
                              width: '100%',
                              height: '100%',
                              items: []                                                 
                          }).show();
                      }
                  }
              ]
        }]
    });
  }
});

我想在这里做一些不切实际的事情吗？或者是否有可能以某种方式存储新创建的选项卡并在页面加载时使用新创建的选项卡呈现整个选项卡面板？

对于提出如此广泛的问题，我深表歉意:)

谢谢。

4

1 回答 1

1

我过去做过类似的事情。这就是我们的设计方法。它含糊不清，但我们仍然这样做了

当您动态创建选项卡并将项目（面板/输入字段）添加到其中并更改这些项目的值（例如在文本框中输入文本，选中复选框）时，当您最终点击保存时，我们将提取所有数据作为 JSON。

您需要根据需要保存的值自定义构建 - 例如项目的类型、值、其子结构等。

然后，当您想要重新渲染页面时，您可以使用 JSON 来构建它。构建这个解决方案并不容易。但是，一旦你完成了，它就可以对所有的标签重复使用——不管是动态的。

最后，它绝对有可能

于 2013-03-27T18:48:27.583 回答