需要一些帮助书签标签在Ext jS。使用Ext JS书签制表符?
我有一个包含多个选项卡并单击各个选项卡更改URL的选项卡面板。我目前使用散列。但是,当我使用其“ID +分隔符+其他ID的”URL直接导航到页面时,我无法恢复应用程序。
下面是示例代码:
launch : function() {
Ext.state.Manager.setProvider(new Ext.state.CookieProvider(
{
expires : new Date(new Date().getTime()
+ (1000 * 60 * 60 * 24 * 7))
}));
var tabPanel=new Ext.TabPanel({
width:1000,
title:'TabPanel',
height:700,
id:'main-tab',
activeTab:0,
layout:'fit',
region:'north',
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:
[
//included tabID and title
],
listeners:{
tabchange:function(tabPanel,currTab){
window.location.hash='#myTabs/'+currTab.id; //config.position;
console.log(window.location);
}
}
});
var viewport=new Ext.Viewport({
id:'main-viewport',
layout : 'fit',
title:'Main',
deferredRender:true,
items : [ tabPanel ],
width:200,
region:'west'
});
viewport.doLayout();
我已经通过节约使用expire
配置(使用Ext.state.Manager
和Ext.state.CookieProvider
)页面的当前状态,目前解决了这个问题。
但是,我使用的网址应该是在任何时间长度上都有效。
此外,当如果我上次访问的网址是... /应用/书签/ services.html#myTabs/5 和我chnage我的URL回... /应用/书签/ services.html,它应该回到我的默认值(首先在我的情况)选项卡。相反,它会导航回.../apps/Bookmarking/services.html#myTabs/5。
我该如何纠正?
在此先感谢!
PS:请检查该链接,整套变化的,我对这个问题 http://www.sencha.com/forum/showthread.php?154174-Bookmarking-and-History-in-extjs
我尝试过使用'Ext.util.History'功能来实现这个概念,但是我无法为这些标签添加书签。例如:http://dev.sencha.com/deploy/ext-4.0.0/examples/history/history.html#main-tabs:tab4应跳转到** Tab 4 **,但它回退到**标签1:子标签1 **。 – isuvaish 2013-03-13 06:11:23