转载

handsontable初步认知

hansontable简介

是一个在线类似Excel的表格编辑器,支持丰富的展现和交互,有多样的单元格类型供配置。

核心是由原生JavaScript构建,充分模块化,支持自定义build。

除了核心表格渲染(实质就是js操作table,计算元素位置,自定义绑定事件处理),大部分功能以插件提供。可以灵活构建插拔,自定义添加新功能插件。

特性

hansontable free版本提供的重要特性有:单元格下拉自动补全、注释信息、右键菜单、复制粘贴、数据校验、合并单元格等等。

兼容性

兼容提醒要求如下:

handsontable初步认知

说明:

  • 在ie9上处理大量数据时有限制。

  • 有bug存在,有些特性用不了。

  • 菜单操作比较卡

简单配置demo体验

http://runjs.cn/detail/foavmqxz

重要概念

  • render

Handsontable把表格中cell值的展示和改变cell值的这两个过程分割开了。renderer是负责渲染展示初始配置中的data数据和通过editor修改后的数据。

Renderer是一个简单的函数,得到实际cell的值,然后根据你定义的规则将值转为html code展示出来。

  • editor

editor编辑器是用来处理用户输入(鼠标和键盘的事件),校验数据。与起相关的主要就是EditorManager,它有四大功能

1:准备一个适当的editor对于一个激活的active cell

2:准备一个编辑器来展示

3:根据用户的行为展示编辑器

4:关闭编辑器

总结

首先说明一下,以上都是依据0.29 version得出的结论。接下来准备写一些重要配置项和使用过程中自己遇到的问题。

原文  https://segmentfault.com/a/1190000008318903
正文到此结束
Loading...