电子表格

本插件是jspreadsheet在众触的应用。适合快速无脑展示从数据库中搜索到的一组数据，或编辑一组数据并保存回数据库。

数据

必填，通常填写存放数据库搜索结果的路径，即$c.x下的数据。插件会把路径下的arr数组一行行展示出来，存回数据库是会会把路径下的model作为表名。
也可以自己填写一个数组类型的一组数据，但此时只能展示用，没有表名信息无法保存数据库

可过滤

打开开关即会添加过滤功能。

onChange

选填，当数据被修改时触发，$x是包含修改信息的数组。

列属性

选填，用json指定每列的属性。key是上面数据里的字段名，如果不填会自动提取字段名；value是包含如下内容的对象，使用内容都是可选的。

type

数据类型，默认是text，还可以是number、dropdown、checkbox、image、color、calendar

title

表头，默认是上面的key，不想用字段名时使用此title来设置新表头。

width

列宽度，数值，单位px，默认是50，如果整个列属性都未填时会自动判断。

align

对齐方式，默认是left，还可以是center、right

readOnly

是否只读，不允许更改时设置成true

mask

type为number时需要用mask来限制数值输入的。”#”表示只能输入整数，”[-]#”表示可以输入带负号的整数，”#.#”表示浮点型，”$ #.00”表示只允许小数点后两位，并主动在头部添加$

source

type为dropdown时的下拉框选项。可以是简单的基本数组，也可以是复杂的对象数组。
对象应该包含id（存储用）和name（展示用），还可以有image、title、group。

options

更多选项，比如当type为calendar可以通过{ format: “DD/MM/YYYY” }来设置日期格式。

API

插件容器$(".zp136")有如下API：

getData()

获取excel数据

export()

导出为csv文件

fullscreen()

全屏或取消全屏

showChanges()

高亮显示数据变更，鼠标hover上去会显示变更历史。

hideChanges()

saveChangesToDB()

把变更后的数据保存到数据库。