如何使用p:schedule实现Html5本地存储



我想知道如何将事件(p:schedule)存储到Html5本地存储?

I went through

http://forum.primefaces.org/viewtopic.php?f=3& t = 39051

JSF/PrimeFaces与HTML5存储方法的兼容性

我可以在客户机浏览器中存储哪些JSF数据

然后看了HTml5 Localstorage教程

http://www.w3schools.com/html/html5_webstorage.asp

但我仍然困惑从哪里开始?

事件生成的格式之一是

{"events" : [{"id": "afe434ae-edf7-4265-8422-fe65eb7aec15","title": " Emma - 30 - Unassigned - 07 30 PM-09 30 PM","pet": {"serviceTypeTitle":"30 Min Pet Visit","statusStr":"Accepted","employee":"Unassigned","prefEmployeeModelList":[],"serviceTypeShortCode":"30","hasTrainee":"false","id":0,"serviceTypeId":5,"traineeIdList":[],"traineeList":[],"traineeModelList":[],"trainee":"None","employeeIdList":[],"employeeList":[],"serviceRuleId":1,"originalDate":1408320000,"startDate":1408359600,"endDate":1408361400,"locationId":2,"status":2,"cost":0.0,"billable":1,"payable":1,"modifiedBy":0,"modifiedTime":1408599848,"editedTime":"Aug 18, 2014 11:00:00 AM","ruleStatus":0,"petId":0,"pet":" Emma","serviceId":0,"eventDetails":" Emma - 30 - Unassigned - 07 30 PM-09 30 PM","currStatus":2,"startDateVar":"Aug 18, 2014 11:00:00 AM","endDateVar":"Aug 18, 2014 11:30:00 AM","billableBoolean":false,"payableBoolean":false,"selectedHr":0,"selectedTime":0,"amOrPm":0,"selectedHrED":0,"selectedTimeED":0,"amOrPmED":0,"commentObj":{"id":0,"serviceId":0,"userId":0,"shared":0,"createdTime":0,"modifiedTime":0},"preferredContactMode":"SMS(text)","timeSlotFrom":50400,"timeSlotTo":57600,"timeSlotFromVar":"07 30 PM","timeSlotToVar":"09 30 PM","locationAddress":"2914 N Har Street , Kochi , 666675, India","startDateForHover":"Mon, Aug 18 2014, 11:00 AM","addressUrlForHover":"https://maps.google.com/maps?qu003d2914+N+Har+Street+,+Kochi+,+666675,+India","role":"Administrator","changeList":["employee","cost","locationName","serviceTypeTitle","startDateVar","endDateVar","statusStr","strBillable","strPayable","modifiedBy","modifiedTime"],"eventId":0,"employeeModelList":[],"allDay":false,"personId":0,"eventsInviteesPersonIdList":[],"eventCreatedById":0,"eventCreatedOnInt":0,"checkIfNotAttendee":false,"petList":[],"recurFrequency":"Single","addFlag":"no"},"start": "2014-08-18T11:00:00.000000Z","end": "2014-08-18T11:30:00.000000Z","allDay":false,"editable":true,"className":"accepted"}]}

如果有人实现了相同的,可以帮助我在这里

localStorage只处理字符串,所以首先需要将对象转换为字符串。您可以使用JSON:

localStorage.savedValue = JSON.stringify(myEvent);

当你想把它转换回一个对象时,你可以使用:

newEvent = JSON.parse(localStorage.savedValue);

见:http://jsfiddle.net/bmeh3evL/

最新更新