在我这个例子中,我将会记住tab面板显示的tab。由于这是常见的情形,我就扩展TabPanel定义一个新类:
Javascript代码
Ext.ux.StatefulTabPanel = Ext.extend(Ext.TabPanel, {
stateEvents: ['tabchange'],
getState: function() {return{tab:this.getActiveTab().id}},
applyState: function(state) {this.setActiveTab(state.tab);}
});
Ext.ux.StatefulTabPanel = Ext.extend(Ext.TabPanel, { stateEvents: ['tabchange'], getState: function() {return{tab:this.getActiveTab().id}}, applyState: function(state) {this.setActiveTab(state.tab);} });
要配合运作,系统需要一个状态管理器(state manager),用于负责保存状态的数据。实际上系统内已有一个状态管理器在cookie中。如果你想保存在服务器上就另须一个别的状态管理器。按照我的经验我是比较倾向于使用浏览器的cookies来保存用户的机器的信息。这里我希望它存活的比默认的一天长:
Javascript代码
Ext.state.Manager.setProvider(
new Ext.state.CookieProvider({
expires: new Date(new Date().getTime()+(1000*60*60*24*365)), //一年后
}));
Ext.state.Manager.setProvider( new Ext.state.CookieProvider({ expires: new Date(new Date().getTime()+(1000*60*60*24*365)), //一年后 }));
在开始位置的Ext.onReady函数中加上以上的代码。
处理过程不是太复杂,只需用到applyState()的方法。如果你只是需要保存某些现有的字段 可隐式调用applyState(学习疑问:重写便可?)。 本例中,根据键值activeTab来设置活动的tab:
Javascript代码
Ext.ux.StatefulTabPanel = Ext.extend(Ext.TabPanel, {
stateEvents: ['tabchange'],
getState: function() {return{activeTab:this.getActiveTab().id}},
});
Ext.ux.StatefulTabPanel = Ext.extend(Ext.TabPanel, { stateEvents: ['tabchange'], getState: function() {return{activeTab:this.getActiveTab().id}}, });
分享到:
相关推荐
ExtJS与.NET结合开发实例ExtJS与.NET结合开发实例
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
extjs资料extjs资料extjs资料extjs资料extjs资料
extjs与系统切分模块设计 extjs与系统切分模块设计 extjs与系统切分模块设计
extjs数据存储与传输详解,为了方便大家学习ExtJs技术,特总结了ExtJs最常用的Store部分内容,供大家参考...
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
这是一个extjs与.net结合开发的实例,主要实现了grid的分页显示,数据的添删改查,以及动态添加数据字段的功能,对于学习extjs的人有非常好的帮助
Extjs与C#完美接合写法控件源代码Extjs与C#完美接合写法控件源代码Extjs与C#完美接合写法控件源代码Extjs与C#完美接合写法控件源代码Extjs与C#完美接合写法控件源代码
ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...
EXTJS, 图形EXTJS, 图形EXTJS, 图形EXTJS, 图形EXTJS, 图形EXTJS, 图形
Extjs Portal 拖拽并保存 多个实例,直接运行。
ext精髓,Extjs如何与数据库交互,可以很快的叫你EXT一些知识
殷良胜 ExtJS与.NET结合开发实例提供的示例(包括示例数据库、皮肤文件、EXT、和相关DLL) 他的博客:http://www.cnblogs.com/mogen_yin Ext2.2学习系列:ExtJS与.NET结合开发实例--全部Ext2.2示例--索引贴 ...
extjs电子书,extjs电子书,extjs电子书,extjs电子书
EXTJS实例 EXTJS树,可以编辑的EXTJS,EXTJS3.0
xtJs已经升级到了5.0了,目前可能多数应用还在使用ExtJs 3.系列。 从开发大型的web后台或者企业管理系统来看,ExtJs3的缺陷还是比较明显的,从ExtJs4 开始引入了MVC架构,从而能够从容的组织系统的JS文件了。 从...
适合ExtJs开发人员extjs技术上手以及深入
ExtJS3.0 源码分析与开发实例宝典
一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa
extjsapi,extjs文档,api手岫