Я динамически добавляю новые вкладки с помощью 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();
}
}
]
}]
});
}
});
Я пытаюсь сделать что-то нереальное здесь? или можно каким-то образом сохранить вновь созданные вкладки и отобразить всю панель вкладок с вновь созданными вкладками, как это происходит при загрузке страницы?
Прошу прощения за столь широкий вопрос :)
Спасибо.