handsontable 事件汇总
- Hook插件
afterChange (changes: Array, source: String):1个或多个单元格的值被改变后调用
changes:是一个2维数组包含row,prop,oldVal,newVal4个属性。
source:其值为一个字符串,值可以为:alter,empty,populateFromArray,loadData,autofill,paste
beforeChange (changes: Array, source: String):开始改变单元格前被调用
changes:是一个2维数组,包括[row,prop,oldVal,newVal]这4个公共属性列
source是被改变的资源的名称
afterCellMetaReset ():重置单元格后调用
afterColumnMove (oldIndex: Number, newIndex: Number):列顺序被移动后触发
afterRowMove (oldIndex: Number, newIndex: Number):行被移动后调用
afterRowResize (col: Number, size: Number):行高改变后调用
afterRemoveCol (index: Number, amount: Number):当一列或多列被移动后调用
其中,index为开始移动的列的索引,amount为移动的列的总数量
afterRemoveRow (index: Number, amount: Number):当一行或多行被移动后调用
其中,index为被移动的行的索引,amount为被移动的行的总数量
beforeRemoveCol (index: Number, amount: Number):一列或多列被移动前调用
beforeRemoveRow (index: Number, amount: Number):一行或多行被移动前被调用
afterColumnSort (column: Number, order: Boolean):列排序后调用
beforeColumnSort (column: Number, order: Boolean):列排序前被调用
order:值为true时为升序,false时为降序
afterCreateCol (index: Number, amount: Number):添加行后被调用
index:新列的索引
amount:新列的数目
afterCreateRow (index: Number, amount: Number):添加行后被调用
index:新行的索引
amount:新行的数目
afterGetCellMeta (row: Number, col: Number, cellProperties: Object):获取单元格的配置信息后被调用
beforeGetCellMeta (row: Number, col: Number, cellProperties: Object):获取单元格属性前被调用
afterSetCellMeta(row: Number, col: Number, key: String, value: *):单元格样式被改变后调用
其中,cellProperties是一个单元格的渲染对象,key是改变样式的方式,例如合并单元格(merge),水平对齐(align)等。
afterGetColHeader (col: Number, TH: DOM Node):获取列头信息后被调用,TH是行头节点
afterGetColWidth (col: Number, response: Object):获取列宽后被调用
afterColumnResize (col: Number, size: Number):列宽度被手动修改后调用
afterCopyLimit (selectedRowsCount: Number, selectedColsCount: Number,copyRowsLimit: Number, copyColsLimit: Number)
当 copyRowsLimit 或者 copyColumnsLimit实现时被调用
afterDestroy ():销毁Handsontable实例后被调用
afterInit ():Handsontable实例被初始化后调用
beforeInit ():Handsontable实例被初始化前调用
beforeInitWalkontable():Walkontable实例被初始化前调用
afterLoadData ():新的数据被加载到数据资源后被调用
afterOnCellCornerMouseDown (event):鼠标点击单元格边角后被调用
afterOnCellMouseDown (event: Object, coords: Object, TD: Object):点击单元格或行头/列头后被调用
注意:点击行头或列头后索引的坐标为负数。例如点击列头单元格(0,0),则调用后的坐标为(0,-1)。
afterOnCellMouseOver (event: Object, coords: Object, TD: Object):鼠标停悬在单元格或行头/列头后调用
注意:点击行头或列头后索引的坐标为负数。例如点击行头单元格(0,0),则调用后的坐标为(0,-1)。
afterRender (isForced: Boolean):渲染表格后被调用
isForced:当其值为true表示是通过改变配置或数据引起的渲染,当值为false时表示通过滚动或移动、选中引起的渲染
beforeRender (isForced: Boolean):渲染前被调用
afterRenderer (TD: Object, row: Number, col: Number, prop: String, value: String, cellProperties: Object):手动渲染后调用
beforeChangeRender ():渲染被改变前调用
afterDeselect ():当前单元格被取消选中时调用
afterSelection (r: Number, c: Number, r2: Number, c2: Number):当一个或多个单元格被选中后调用
其中,r:选中的单元格起始行,r2:选中单元格的终止行
c:选中的单元格的起始列,c2:选中的单元格的终止列
afterSelectionByProp (r: Number, p: String, r2: Number, p2: String):通过属性名选中单元格后调用
afterSelectionEnd (r: Number, c: Number, r2: Number, c2: Number):选中单元格鼠标抬起后调用
afterSelectionEndByProp (r: Number, p: String, r2: Number, p2: String):通过属性选中单元格鼠标抬起后调用
afterUpdateSettings ():配置参数配修改后调用
afterValidate (isValid: Boolean, value: Mixed, row: Number, prop: String,source: String)
当有验证器的时候调用验证器时被调用,验证结果作为第一个参数。
beforeValidate (value: Mixed, row: Number, prop: String, source: String):验证器被调用前调用该事件
beforeAutofill (start: Object, end: Object, data: Array):开始自动填充前调动
start:是一个第一个填充的单元格对象,例如:{row:4,col:3}
end:是最后一个填充的单元格对象,例如:{row:7,col:5}
data:是一个2维数组
beforeKeyDown (event: Object):按键按下前被调用
beforeSet (var: Object):单个配置值被设置前调用
beforeSetRangeEnd(coords: Array):设置范围结束前被调用
coords:是范围坐标
modifyCol(col: Number):列被修改时调用
modifyRow( row: Number):行被修改时调用
modifyColWidth (width: Number, col: Number):列宽被修改时调用
modifyRowHeight (height: Number, row: Number):行高被修改时调用
- UndoRedo插件
clear():清楚撤销历史记录
isRedoAvailable():判断取消撤销是否可用
isUndoAvailable():判断撤销操作是否可用
undo():撤销最后的编辑操作
redo():取消撤销操作
handsontable 事件汇总的更多相关文章
- HTML5 Audio/Video 标签,属性,方法,事件汇总
HTML5 Audio/Video 标签,属性,方法,事件汇总 (转) 2011-06-28 13:16:48 <audio> 标签属性:src:音乐的URLpreload:预加载au ...
- [转帖]HTML5 Audio/Video 标签,属性,方法,事件汇总
HTML5 Audio/Video 标签,属性,方法,事件汇总 <audio>标签属性: src:音乐的URL preload:预加载 autoplay:自动播放 loop:循环播放 co ...
- js进阶 12 jquery事件汇总
js进阶 12 jquery事件汇总 一.常用事件 页面载入事件 ready() 文档就绪事件(当 HTML 文档就绪可用时) 鼠标事件 click() 触发.或将函数绑定到指定元素的 click 事 ...
- Jquery输入框焦点事件及鼠表事件汇总
对于用户的输入框input,我们常常会用ajax来实现与后台的交互.输入框的内容我们可以用.val()方法获取,对于输入框内的事件,我们常用到焦点,如:input.blur.focus.... inp ...
- input标签的事件汇总
我在做一个注册时用到了,在网上查的,比较碎.就汇总了下, 1.onfocus 当input 获取到焦点时触发 2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点 ...
- HTML5的Video标签的属性,方法和事件汇总
<video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览 ...
- AChartEngine方法的使用及事件汇总
前段时间接触了AChartEngine,在数据显示方面感觉非常好用,然后经过一段时间的接触,对于AChartEngine的扩展和使用有了一些整理和总结,本着技术共享的原则,分享给大家.我整理的东西都是 ...
- 2016年AR行业十大热点事件汇总
2016年即将接近尾声,增强现实在今年完成了里程碑式的跃进.无论是从新玩法的开发还是从大众接受度,以及行业巨头的青睐,无不证明这AR的无线潜力,故而,2016年算是AR的崛起之年. 纵观全年AR新闻事 ...
- jQuery鼠标事件汇总
鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的. 1.click事件:点击鼠标左键时触发 $('p').click(function(){}); 示例: $('p').click(func ...
随机推荐
- web自动化一(selenium+python+pycharm环境搭建)
年前公司刚刚搭起了web自动化测试框架的环境,趁着过完年还没全部忘掉,准备把如何搭建环境的方法和大家分享下,有哪里不对的地方,请批评指正,共同进步,共勉! 为此我把搭建环境所需的软件打包上传到百度云, ...
- Redis Sentinel 高可用服务搭建
阅读目录: 关于 Redis 的概念 关于 Redis Sentinel 的概念 搭建 Redis Server(master) 搭建 Redis Server(slave) 搭建 Redis Sen ...
- spring core 与 context理解
Spring core是核心层,拥有这BeanFactory这个强大的工厂,是所有bean的管理器: 而spring context是上下文运行环境,基于spring core之上的一个架构, 它之上 ...
- linux开放80 端口
1.使用su登录管理员用户 2.编辑防火墙配置文件 vim /etc/sysconfig/iptables 3.在里面加入后保存 #open port 80 -A INPUT -p TCP -m st ...
- include指令和include动作
- ubuntu17 安装中文输入法
在此说的是intelligent pinyin.我首先尝试的是搜狗输入法,虽然最终安装成功了,但还是直接卸载了.因为它不仅需要fcitx框架,在安装成功后,标题栏上面还会出现两个输入法图标.真正不能让 ...
- git命令 高级
Git 分支 - 分支的删除 git删除本地分支 git branch -D br git删除远程分支 git push origin :br (origin 后面有空格) clone服务器上的资源 ...
- PHP中单引号与双引号的区别
在PHP中,字符串的定义可以使用英文单引号' ',也可以使用英文双引号" ". 一般情况下两者是通用的.但双引号内部变量会解析,单引号则不解析. PHP允许我们在双引号串中直接包含 ...
- C语言_scanf()和getchar() 使用[粗俗易懂]
原文地址:http://blog.csdn.net/hao5743/article/details/6939661/,以下是我重新整理的以下. 问题描述一:[分析scanf()和getchar()读取 ...
- java基础--面对对象
面对对象--概述 什么是对象? +---->对象可以泛指一切现实中存着的事物 +---->类是对象的抽象集合 什么是面对对象? +--->万物皆对象,面对对象实际就是人与万物接触== ...