sencha 2.0 基于HTML5的sessionstorage的使用

最新推荐文章于 2022-09-01 10:55:21 发布

Marx-link

最新推荐文章于 2022-09-01 10:55:21 发布

阅读量2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js sencha 文章标签： html5 session user object

本文链接：https://blog.youkuaiyun.com/dats0407/article/details/7789678

js 同时被 2 个专栏收录

11 篇文章

订阅专栏

sencha

7 篇文章

订阅专栏

本文介绍如何在 Sencha 2.0 中利用 HTML5 的 SessionStorage 功能进行数据存储。主要内容包括定义存储模型和存储实例、保存及加载会话数据的方法，以及如何清除 SessionStorage 中的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

sencha 2.0 支持html5的sessionstorage ，

定义sessionstorage：使用起来，就像普通的store一样，先define一个model，并给与id，（这样做是为了下一次读取session时，定义一个model，也使用这个id，就取到这个model的值了），并且feild里面也要定义个id的字段，（这样做，是为了add一个session的值的时候，通过这个id辨认不同的session组）

然后定义store，使用add方法，如：add({id:'user',name:'chris',password:'123'}); id为这个session组的识别，最后还要sync()或者save()同步这个store；

Ext.define('User', {
	extend: 'Ext.data.Model',
	config: {
		fields: ['id','name','address','kt', 'password'],
		proxy: {
			type: 'sessionstorage',
			id  : 'my-ProxyKey'
		}
	}
});
var session = Ext.create('User', 
	{'id'		: 'user',
	'kt'		: result.kt,
	'password'	: result.password,
	'name'		: result.name,
	'address'	: result.address});
session.save();

获取sessionstorage：和定义它一样，要定义一个model，store，当然model里的proxy ：id 要和定义时的一样

Ext.define('User', {
	extend: 'Ext.data.Model',
	config: {
		fields: ['id','name','address','kt', 'password'],
		proxy: {
			type: 'sessionstorage',
			id  : 'my-ProxyKey'
		}
	}
});
var session = Ext.create('Ext.data.Store',{
	model: 'User',
});
session.load();
console.log(session.getById('user').getData());

console.log出来的是一个对象object。

删除sessionstorage：和定义它一样，定义model，store，使用removeAll()把session清空，或者设置这个id的其他值为空：

Ext.define('User', {
	extend: 'Ext.data.Model',
	config: {
		fields: ['id','name','address','kt', 'password'],
		proxy: {
			type: 'sessionstorage',
			id  : 'my-ProxyKey'
		}
	}
});
var session = Ext.create('Ext.data.Store',{
	model: 'User',
});
session.load();
session.removeAll();
/*var session = Ext.create('User', 
	{'id'		: 'user',
	'kt'		: '',
	'password'	: '',
	'name'		: '',
	'address'	: ''});
session.save();*/