Handsontable - 保存 handsontable 数据本地持久化

简介: Handsontable - 保存 handsontable 数据本地持久化
hot=newHandsontable(container, {
data: [],
dataSchema: {id: null},
startCols: 4,
colHeaders: ["ID"],
columns: [
      {data: 'id'}
    ],
rowHeaders: true,
minSpareRows: 4,
afterChange: function (change, source) {
// restore table after reload of a pageif (source==="loadData") {
// load data from local storageif (localStorage['data']) {
vardata=JSON.parse(localStorage['data'])
this.loadData(data);
this.render();
return            }
        }
else {
// save all data to local storge if the edit happendslocalStorage['data'] =JSON.stringify(this.getData());
return        }
    }
});
目录
相关文章
|
6月前
|
存储 JavaScript 前端开发
vue中使用vue-clipboard2实现文字复制到剪贴板
vue中使用vue-clipboard2实现文字复制到剪贴板
186 0
|
容器
Handsontable - 配置属性(下)
Handsontable - 配置属性(下)
1047 0
Handsontable - 配置属性(下)
|
6月前
|
JavaScript
EasyUi js 加载数据进下拉框combobox
EasyUi js 加载数据进下拉框combobox
|
6月前
|
JavaScript 前端开发
EasyUi js 加载数据表格DataGrid
EasyUi js 加载数据表格DataGrid
|
6月前
|
JSON 前端开发 JavaScript
《Vue3实战》使用axios获取文件数据以及走马灯Element plus的运用
《Vue3实战》使用axios获取文件数据以及走马灯Element plus的运用
|
12月前
|
JavaScript 前端开发 程序员
vue+element实现一个excel表格下载的功能
vue+element实现一个excel表格下载的功能
246 0
|
缓存 JavaScript
Handsontable - 解决 Vue Keep-Alive 缓存 Handsontable 接口数据源无法更新问题
Handsontable - 解决 Vue Keep-Alive 缓存 Handsontable 接口数据源无法更新问题
202 0
vue3 使用element表格导出excel表格(带图片)
vue3 使用element表格导出excel表格(带图片)
521 0
vue3—使用element-plus表格导出excel表格(带图片)
今天制作后台管理系统,有一个二维码管理页面,要求把表格内的数据全部导出为Excel表格。 表格内有二维码图片,也要导出,制作的第一版是直接将图片的链接导出,但是要求导出能直接看的图片,所以就有了第二版。