随笔分类 -  Handsontable

Handsontable的前端分页与数据库分页
摘要：Handsontable虽然处理速度很快，但当数据量达到10W+的时候很容易导致浏览器内存泄漏，这时候可以用分页来解决。官网提供了前端分页demo，测试后发现也只能处理低于10W的数据，而且调试的时候由于是一次性把所有数据全部加载到浏览器，浏览器会非常卡，这个时候最好选择数据库分页。 一、前端分页 阅读全文
posted @ 2017-11-17 13:37 风一样的大叔 阅读(3413) 评论(0) 推荐(1)
HandsonTable日期控件的汉化
摘要：由于项目的需要，想把HandsonTable自带的日期中英文替换成中文。其实这个不难，只要在库文件中替换下就可以了，替换的效果对比如下： 如果有需要的同学，可以在此处下载 By QJL 阅读全文
posted @ 2017-09-27 09:28 风一样的大叔 阅读(1491) 评论(0) 推荐(0)
Handsontable添加超链接
摘要：本文在上文的基础上，返回的数据中多了一个link超链接跳转的字段，，需要在Handsontable中显示超链接。 需要注意的是，不管link中的值是前台拼接还是后台处理好返回的，只是一个超链接格式的字符串，如果没有td.innerHTML = 链接字符串;则显示的仍然是一个字符串而不是超链接。 By 阅读全文
posted @ 2017-06-12 11:22 风一样的大叔 阅读(1648) 评论(0) 推荐(1)
Handsontable 筛选事件
摘要：有时候我们需要知道在使用Handsontable时筛选掉了哪些数据，并对这些数据进行处理，可以使用afterFilter事件来进行相关操作。 Handsontable筛选掉的数据没有真的被删除，而是被隐藏了起来，我们需要知道这些被隐藏起来的行号，然后获得相关数据。 原始数据： 相关代码如下： 在操作 阅读全文
posted @ 2017-06-12 10:25 风一样的大叔 阅读(5934) 评论(12) 推荐(0)
handsontable自定义渲染
摘要：本文主要介绍在使用Handsontable过程中，对加载的数据进行字体颜色、样式（style）、数据格式化，对齐方式的处理，并添加自定义图片和单机事件功能。 代码如下： 需要注意的是在Handsontable中，colHeaders与columns需要一一对应，数据是根据columns中设置的先后顺 阅读全文
posted @ 2017-06-09 15:54 风一样的大叔 阅读(17192) 评论(0) 推荐(2)
handsontable 渲染实例
摘要：单元格选择完成后将触发事件afterSelectionEnd， 然后在js中： 同时，CSS中添加： .selected-td{ background: #8ef98e; } 就可以实现下面的效果了： 这种方法去渲染网格的话，它的样式不会被改变，之前在做一个项目的时候，用到了类似这样的东西，那时候还 阅读全文
posted @ 2017-06-07 16:31 风一样的大叔 阅读(9231) 评论(0) 推荐(0)
handsontable 合并单元格
摘要：上面我们已经将右键菜单禁用掉，现在将使用js对容器插入行列，并初始化插入列的数据 再结合alter与setDataAtCell方法我们将在下面做一个简单的例子： 由于我们刚开始设置了合并列，现在删除第6行后，后面几行数据将会追加上去，所以新添加的一行（日期列）会被合并掉 阅读全文
posted @ 2017-06-07 16:18 风一样的大叔 阅读(7513) 评论(0) 推荐(0)
handsontable 属性汇总
摘要：常规属性： 常规属性： 1.固定行列位置 fixedRowsTop:行数 //固定顶部多少行不能垂直滚动 fixedColumnsLeft:列数 //固定左侧多少列不能水平滚动 2.拖拽行头或列头改变行或列的大小 manualColumnResize:true/false//当值为true时，允许拖 阅读全文
posted @ 2017-06-07 14:12 风一样的大叔 阅读(27340) 评论(9) 推荐(3)
handsontable 方法汇总
摘要：核心方法 核心方法 1.为handsontable添加钩子方法 addHook(key,callback):key为钩子方法名 例如：hot.addHook('beforeInit', myCallback); addHookOnce(key,callback)：添加只使用一次的方法，用完后自动删除 阅读全文
posted @ 2017-06-07 14:02 风一样的大叔 阅读(9188) 评论(0) 推荐(0)
handsontable 事件汇总
摘要：Hook插件 Hook插件 afterChange (changes: Array, source: String)：1个或多个单元格的值被改变后调用 changes：是一个2维数组包含row，prop，oldVal，newVal4个属性。 source：其值为一个字符串，值可以为：alter，em 阅读全文
posted @ 2017-06-07 13:58 风一样的大叔 阅读(8258) 评论(0) 推荐(0)