当前位置: 首页 > 工具软件 > Sisyphus.js > 使用案例 >

Sisyphus.js 自动保存草稿 用法

盖雪峰
2023-12-01

原文出处:http://www.gbtags.com/technology/jquerynews/20111221jquerypluginsisyphusautosave/

Javascript代码

引入jQuery类库,版本需要是1.2以上

调用Sisyphus,如下:

$('#GBin1form1, #GBin1form2').sisyphus();

或者你需要提供所有的表单自动保存机制:

$('Gbin1allform').sisyphus();

以上代码中,我们调用sisyphus方法来实现表单数据的自动保存。同时你可以自定义一些选项,如下:

  •     customKeyPrefix

    一个自定义的额外key用来保存表单内容数据

  • timeout

    数据自动保存的间隔时间,按秒计算,如果设置为“0”,那么每一个字段更新都自动执行保存

  • onSave

    本地保存操作后触发这个方法

  • onRestore

    数据从本地存储读取后触发的方法,和onSaveCallback不一样,它作用于整个表单,而非某一个字段   

  • onRelease

    本地存储数据清空后调用的方法

我们可以使用如下代码自定义选项:

$('Gbin1allform').sisyphus({
customKeyPrefix: 'gb',
timeout: 5,
onSave: function() {},
onRestore: function() {},
onRelease: function() {}
}
}

你可以针对不同的表单设置不同的插件选项,并且能够随时修改插件对应的选项。

 类似资料: