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:,
NumbercellProperties: Object):获取单元格的配置信息后被调用
beforeGetCellMeta (row:,
Numbercol: Number, cellProperties:):获取单元格属性前被调用
Object
afterSetCellMeta(row:,
Numbercol: Number, key:,
Stringvalue: *):单元格样式被改变后调用
- afterGetColHeader (
col: Number,TH:):获取列头信息后被调用
DOM Node
afterGetColWidth (col: Number, response:):获取列宽后被调用
Object
-
afterColumnResize (
col: Number,size:):列宽度被手动修改后调用
Number
afterCopyLimit (selectedRowsCount: Number, selectedColsCount:,
NumbercopyRowsLimit: Number, copyColsLimit:)
Number
当 copyRowsLimit 或者 copyColumnsLimit实现时被调用
afterDestroy ():销毁Handsontable实例后被调用
afterInit ():Handsontable实例被初始化后调用
beforeInit ():Handsontable实例被初始化前调用
beforeInitWalkontable():Walkontable实例被初始化前调用
- afterLoadData ():新的数据被加载到数据资源后被调用
- afterOnCellCornerMouseDown (event):鼠标点击单元格边角后被调用
afterOnCellMouseDown (event: Object, coords:,
ObjectTD: Object):点击单元格或行头/列头后被调用
注意:点击行头或列头后索引的坐标为负数。例如点击列头单元格(0,0),则调用后的坐标为(0,-1)。
afterOnCellMouseOver (event: Object, coords:,
ObjectTD: Object):鼠标停悬在单元格或行头/列头后调用
注意:点击行头或列头后索引的坐标为负数。例如点击行头单元格(0,0),则调用后的坐标为(0,-1)。
afterRender (isForced: Boolean):渲染表格后被调用
isForced:当其值为true表示是通过改变配置或数据引起的渲染,当值为false时表示通过滚动或移动、选中引起的渲染
beforeRender (isForced:):渲染前被调用
Boolean
afterRenderer (TD: Object, row:,
Numbercol: Number, prop:,
Stringvalue: String, cellProperties:):手动渲染后调用
Object
beforeChangeRender ():渲染被改变前调用
afterDeselect ():当前单元格被取消选中时调用
afterSelection (r: Number, c:,
Numberr2: Number, c2: Number):当一个或多个单元格被选中后调用
其中,r:选中的单元格起始行,r2:选中单元格的终止行
c:选中的单元格的起始列,c2:选中的单元格的终止列
- afterSelectionByProp (
r: Number,p:,
Stringr2: Number,p2: String):通过属性名选中单元格后调用 - afterSelectionEnd (
r: Number,c:,
Numberr2: Number,c2: Number):选中单元格鼠标抬起后调用
afterSelectionEndByProp (r: Number, p:,
Stringr2: Number, p2: String):通过属性选中单元格鼠标抬起后调用
afterUpdateSettings ():配置参数配修改后调用
-
afterValidate (
isValid: Boolean,value:,
Mixedrow: Number,prop:,
Stringsource: String)当有验证器的时候调用验证器时被调用,验证结果作为第一个参数。
beforeValidate (
value:,
Mixedrow: Number,prop:,
Stringsource: String):验证器被调用前调用该事件
beforeAutofill (
start: Object,end:,
Objectdata: 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插件事件的更多相关文章
- GL.IssuePluginEvent 发布插件事件
Description 描述 Send a user-defined event to a native code plugin. 发送一个用户定义的事件到一个本地代码插件. Rendering in ...
- 二、K3 WISE 开发插件《 工业单据老单客户端插件事件、属性、方法》
===================== 目录: 1.插件事件说明如下 2.插件属性说明如下 3.插件方法说明如下 ===================== 1.插件事件说明如下: 序号 事 ...
- Bootstrap 历练实例 - 折叠(Collapse)插件事件
事件 下表列出了折叠(Collapse)插件中要用到的事件.这些事件可在函数中当钩子使用. 事件 描述 实例 show.bs.collapse 在调用 show 方法后触发该事件. $('#ident ...
- Bootstrap历练实例:警告框(Alert)插件事件
事件 下表列出了警告框(Alert)插件中要用到的事件.这些事件可在函数中当钩子使用. 事件 描述 实例 close.bs.alert 当调用 close 实例方法时立即触发该事件. $('#myal ...
- handsontable插件HOOK事件
Hook插件 afterChange (changes: Array, source: String):1个或多个单元格的值被改变后调用 changes:是一个2维数组包含row,prop,o ...
- Handsontable 筛选事件
有时候我们需要知道在使用Handsontable时筛选掉了哪些数据,并对这些数据进行处理,可以使用afterFilter事件来进行相关操作. Handsontable筛选掉的数据没有真的被删除,而是被 ...
- Bootstrap标签页(Tab)插件事件
事件 下表列出了标签页(Tab)插件中要用到的事件.这些事件可在函数中当钩子使用. 事件 描述 实例 show.bs.tab 该事件在标签页显示时触发,但是必须在新标签页被显示之前.分别使用 even ...
- bootstrap-selectpicker 插件事件
$('#id').on('show.bs.select', function (e) { //绑定下拉显示列表触发事件 }); $('#id').on('hidden.bs.select', func ...
- 四、K3 Cloud 开发插件《K3 Cloud事件、方法、函数》
1.简单帐表/动态表单几个主要事件 //初始化 public override void Initialize() //构建动态列 public override BOS.Core.Report.Re ...
随机推荐
- Javascript:重用之道
近期写了大量的js,愈发觉得自己的代码过于冗余,所以,利用周末的时间研习代码重用之道,有了这篇博文所得: 重用代码: 1.尽量保证 HTML 代码结构一致,可以通过父级选取子元素 2.把核心主程序实现 ...
- The secret of ROWID
表里每个数据行都有一个行头部,在这里存放了该行数据所包含的列的数量,以及锁定标记等.当某个事务更新某条记录时,会在该数据行的头部记录所用到的ITL槽号以及锁定标记.接下来则是列长度以及列的值.Orac ...
- Timus 1796. Amusement Park 聪明题
On a sunny Sunday, a group of children headed by their teacher came to an amusement park. Aunt Frosy ...
- Android状态栏颜色修改
android状态栏颜色修改 状态栏颜色的修改在4.4和5.x环境下分别有不同的方式,低于4.4以下是不能修改的. 5.x环境下 方式一,状态栏将显示为纯净的颜色,没有渐变效果 /** * 状 ...
- C++11 多线程 基础
C++11开始支持多线程编程,之前多线程编程都需要系统的支持,在不同的系统下创建线程需要不同的API如pthread_create(),Createthread(),beginthread()等,使用 ...
- 使用VTemplate模板引擎动态生成订单流程图
1.VTemplate模板引擎的简介 VTemplate模板引擎也简称为VT,是基于.NET的模板引擎,它允许任何人使用简单的类似HTML语法的模板语言来引用.NET里定义的对象.当VTemplate ...
- 应用highcharts做直观数据统计
最近在看上了统计类的东东,发现以前端图表神器:highcharts Highcharts是一款功能强大.开源.美观.图表丰富.兼容绝大多数浏览器的纯Js图表库,Highcharts支持的图表类型有直线 ...
- display:inline和display:inline-block的区别
先来一张图: 测试代码: <!DOCTYPE html> <html> <head> <style> #bb { overflow: hidden; b ...
- 操作Action
Action就是Controller的一个方法 包含对应请求的最终结果 Action里代码从Model层拿到数据 最后把数据结果Actionresult 返回用户
- 如何在Visual studio中修改所使用C#语言的版本
有时候,我们需要在Visual studio里修改当前使用的C#语言的版本,具体修改方法如下:在solution explorer中右键工程->选择属性->切换到Build页->点击 ...