handsontable插件HOOK事件

Hook插件

afterChange (changes: Arraysource: String):1个或多个单元格的值被改变后调用

    changes:是一个2维数组包含row,prop,oldVal,newVal4个属性。

    source:其值为一个字符串,值可以为:alter,empty,populateFromArray,loadData,autofill,paste

beforeChange (changes: Arraysource: String):开始改变单元格前被调用

    changes:是一个2维数组,包括[row,prop,oldVal,newVal]这4个公共属性列

    source是被改变的资源的名称

 

afterCellMetaReset ():重置单元格后调用

 

afterColumnMove (oldIndex: NumbernewIndex: Number):列顺序被移动后触发

afterRowMove (oldIndex: NumbernewIndex: Number):行被移动后调用

afterRowResize (col: Numbersize: Number):行高改变后调用

afterRemoveCol (index: Numberamount: Number):当一列或多列被移动后调用

    其中,index为开始移动的列的索引,amount为移动的列的总数量

afterRemoveRow (index: Numberamount: Number):当一行或多行被移动后调用

   其中,index为被移动的行的索引,amount为被移动的行的总数量

beforeRemoveCol (index: Numberamount: Number):一列或多列被移动前调用
 beforeRemoveRow (index: Numberamount: Number):一行或多行被移动前被调用

 

afterColumnSort (column: Numberorder: Boolean):列排序后调用

beforeColumnSort (column: Numberorder: Boolean):列排序前被调用

    order:值为true时为升序,false时为降序

 

afterCreateCol (index: Numberamount: Number):添加行后被调用

    index:新列的索引

    amount:新列的数目

afterCreateRow (index: Numberamount: Number):添加行后被调用

    index:新行的索引

    amount:新行的数目

afterGetCellMeta (row: Numbercol: NumbercellProperties: Object):获取单元格的配置信息后被调用

beforeGetCellMeta (row: Numbercol: NumbercellProperties: Object):获取单元格属性前被调用

afterSetCellMeta(row: Numbercol: Numberkey: Stringvalue: *):单元格样式被改变后调用

 

afterGetColHeader (col: NumberTH: DOM Node):获取列头信息后被调用

afterGetColWidth (col: Numberresponse: Object):获取列宽后被调用

afterColumnResize (col: Numbersize: Number):列宽度被手动修改后调用

afterCopyLimit (selectedRowsCount: NumberselectedColsCount: Number,copyRowsLimit: NumbercopyColsLimit: Number)

    当 copyRowsLimit 或者 copyColumnsLimit实现时被调用

afterDestroy ():销毁Handsontable实例后被调用

afterInit ():Handsontable实例被初始化后调用

beforeInit ():Handsontable实例被初始化前调用

beforeInitWalkontable():Walkontable实例被初始化前调用

afterLoadData ():新的数据被加载到数据资源后被调用
afterOnCellCornerMouseDown (event):鼠标点击单元格边角后被调用

afterOnCellMouseDown (event: Objectcoords: ObjectTD: Object):点击单元格或行头/列头后被调用

   注意:点击行头或列头后索引的坐标为负数。例如点击列头单元格(0,0),则调用后的坐标为(0,-1)。

afterOnCellMouseOver (event: Objectcoords: ObjectTD: Object):鼠标停悬在单元格或行头/列头后调用

   注意:点击行头或列头后索引的坐标为负数。例如点击行头单元格(0,0),则调用后的坐标为(0,-1)。

 

afterRender (isForced: Boolean):渲染表格后被调用

     isForced:当其值为true表示是通过改变配置或数据引起的渲染,当值为false时表示通过滚动或移动、选中引起的渲染

beforeRender (isForced: Boolean):渲染前被调用

afterRenderer (TD: Objectrow: Numbercol: Numberprop: Stringvalue: StringcellProperties: Object):手动渲染后调用

beforeChangeRender ():渲染被改变前调用

afterDeselect ():当前单元格被取消选中时调用

afterSelection (r: Numberc: Numberr2: Numberc2: Number):当一个或多个单元格被选中后调用

   其中,r:选中的单元格起始行,r2:选中单元格的终止行

             c:选中的单元格的起始列,c2:选中的单元格的终止列

afterSelectionByProp (r: Numberp: Stringr2: Numberp2: String):通过属性名选中单元格后调用
afterSelectionEnd (r: Numberc: Numberr2: Numberc2: Number):选中单元格鼠标抬起后调用

afterSelectionEndByProp (r: Numberp: Stringr2: Numberp2: String):通过属性选中单元格鼠标抬起后调用

afterUpdateSettings ():配置参数配修改后调用

 


afterValidate (isValid: Booleanvalue: Mixedrow: Numberprop: String,source: String)

   当有验证器的时候调用验证器时被调用,验证结果作为第一个参数。

beforeValidate (value: Mixedrow: Numberprop: Stringsource: String):验证器被调用前调用该事件

 

beforeAutofill (start: Objectend: 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: Numbercol: Number):列宽被修改时调用

modifyRowHeight (height: Numberrow: Number):行高被修改时调用

 

 

UndoRedo插件

 

clear():清楚撤销历史记录

isRedoAvailable():判断取消撤销是否可用

isUndoAvailable():判断撤销操作是否可用

undo():撤销最后的编辑操作

redo():取消撤销操作

时间: 2024-10-13 08:40:09

handsontable插件HOOK事件的相关文章

jQuery插件 -- 动态事件绑定插件jquery.livequery.js

http://blog.csdn.net/zzq58157383/article/details/7721974 动态事件绑定插件livequery, 可以利用它给相应的DOM元素注册事件或者触发回调函数.不仅当选择器匹配的元素会被绑定事件,而且后来通过JavaScript添加的元素都会被绑定事件.当元素不再和选择器匹配时,livequery会自动取消事件注册,使得开发者不再需要关注HTML元素的来源,只需要关注如何编写其绑定的事件即可 通过jQuery选择器选择一个DOM元素,livequer

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):开始改变单元格

自己动手丰衣足食,h5手机端jquery弹窗插件(事件冒泡、单例模式、遮盖部分禁止默认滚动)

感谢浏览,欢迎交流=.= 公司开发微信网页多处需要使用弹窗,使用jquery-ui的定制化下载仍需要150多kb,想来有些奢侈(最终下来只有11kb,压缩后2kb,啊,我的神), 手机端弹窗方式与pc端有些不同,而且手机上有一个弹窗出来滚动跟父页面滚动相互影响的问题, 于是决定写一个插件,专门对付手机网页的弹窗. 弹窗的mask和dialog两部分都做成了position=fixed,比较喜欢这种效果,并且屏蔽了被遮住部分的滚动. 几处认为需要留意的知识点或困难点: 1.事件冒泡: e.prev

plupload上传插件绑定事件的两种方法

在经受一天的磨难之后终于找到处理事件方法: 先引用: <script src="js/plupload.full.min.js" type="text/javascript"></script><!--必需引入--> <script src="js/i18n/zh_CN.js" type="text/javascript"></script><!--显示中文--

PostgreSQL插件hook机制

internal_load_library postgresql-> PG_init = (PG_init_t) pg_dlsym(file_scanner->handle, "_PG_init"); if (PG_init) (*PG_init) (); internal_unload_library(const char *libname)-> PG_fini = (PG_fini_t) pg_dlsym(file_scanner->handle, &quo

使用Bootstrap的popover标签中嵌入插件,并且为插件注册事件实现Ajax与后台交互

下午研究了一下bootstrap的popover写了个例子.如果项目很多地方都需要用到可以考虑封装成插件. javascript代码: 1 <script type="text/javascript"> 2 var _types = '0'; 3 var _status = '0'; 4 5 $(function () { 6 LoadFilter(); 7 }); 8 9 function search() { 10 $.ajax({ 11 .... 12 }); 13

API HOOK

API HOOK技术是一种用于改变API执行结果的技术,Microsoft 自身也在Windows操作系统里面使用了这个技术,如Windows兼容模式等. API HOOK 技术并不是计算机病毒专有技术,但是计算机病毒经常使用这个技术来达到隐藏自己的目的. API HOOK解释 在windows系统下编程,应该会接触到api函数的使用,常用的api函数大概有2000个左右.今天随着控件,stl等高效编程技术的出现,api的使用概率在普通的用户程序上 就变得越来越小了.当诸如控件这些现成的手段不能

API HOOK技术

API HOOK技术是一种用于改变API执行结果的技术,Microsoft 自身也在Windows操作系统里面使用了这个技术,如Windows兼容模式等. API HOOK 技术并不是计算机病毒专有技术,但是计算机病毒经常使用这个技术来达到隐藏自己的目的. 外文名 API HOOK      用于 改变API执行结果的技术 应用 如Windows兼容模式等  目的 计算机病毒隐藏自己的技术                                                      

Handsontable 的数据保存(增删改查+导出excel)

项目用到handsontable 插件 根据官网 API写的handsontable初始化, 数据展示, ajax请求, 参数封装, Controller参数接受 全局容器 1 var AllData = {}; 2 var updatelist = []; 3 var delidslist =[]; 4 var insertlist=[]; handsontable 的初始化 1 function onIniHandsonTable(data) { 2 $('#hot').empty(); 3