handsontable的单元格操作方法

1.为handsontable添加钩子方法

addHook(key,callback):key为钩子方法名

[javascript] view plaincopyprint?

  1. <span style="font-size:18px;">例如:hot.addHook(‘beforeInit‘, myCallback);</span>

addHookOnce(key,callback):添加只使用一次的方法,用完后自动删除

[javascript] view plaincopyprint?

  1. <span style="font-size:18px;">例如:hot.addHookOnce(‘beforeInit‘, myCallback);</span>

2.添加行或列,删除行或列

alter(action,index,amount,source,keepEmptyRows)

action:有4个值insert_row,insert_col,remove_row,remove_col

index:行索引,当存在时在索引处插入或删除,不存在时在当前行后插入

amount:默认值为1

source:行或列对象

keepEmptyRows:true/false,当值为true时,空行不被删除。

3.clear():清空表格数据

4.colOffset():获取可见的第一列的索引值

5.colToProp(col):返回给定索引列的列名,col为列索引

6.countCols():统计表格的所有列总数并返回

countRows():统计表格的总行数,并返回

7.countEmptyCols(ending):当ending的值为true时,统计所有空列的总数,返回总数显示再最右侧

countEmptyRows(ending):当ending的值为1时,统计所有空行总数,返回总数显示在最下方

8.countRenderedCols():统计并返回被渲染的列数

countRenderedRows():统计并返回被渲染的行数

9.countVisibleCols():统计并返回可见的列数,当返回-1时,表格不可见

countVisibleRows():统计并返回可见的行数,当返回-1时,表格不可见

10.deselectCell():取消当前被选中的单元格

11.destory():移除dom对象中的表格

12.destoryEditor(reverOriginal)

去除当前编辑器,并选中当前单元格,渲染上该效果。如果reverOriginal不是true则被编辑的数据将被保存,如果为true,则会恢复之前的数据,不保存新的数据到单元格。

13.getActiveEditor():返回一个活跃的编辑对象。

14.getCell(row.col,topmost):根据行列索引,获取一个被渲染的单元格,如果该单元格未被渲染则返回null

其中,row,col分别为行索引和列索引,topmost为表示是否是最上层,其值为true/false

15.getCellEditor():获取单元格的编辑器

16.getCellMeta(row,col):根据行列索引获取单元格的属性对象

17.getCellRenderer(row,col):根据单元格的行列索引获取单元格的渲染函数

18.getCellValidator():获取单元格的校验器

19.getColHeader(col):根据列索引获取列头名称

getRowHeader(row):根据行索引获取行头名称

20.getColWidth(col):根据列索引获取列宽

getRowHeight(row):根据行索引获取行高

21.getCoords(elem):获取元素的坐标

22.getCopyableData(startRow,startCol,endRow,endCol):获取指定范围的单元格数据

23.getData(row1,col1,row2,col2):获取指定范围的单元格的数据

24.getDataAtCell(row,col):根据行列索引获取单元格的值

25.getDataAtCol(col):根据列索引获取一列的数据

getDataAtRow(row):根据行索引获取一行的数据

26.getDataAtProp(prop):根据对象属性名获取相应的列的数据,prop为属性名

27.getDataAtRowProp(row,prop):根据行索引返回指定属性名的值

28.getInstance():获取一个handsontable实例

29.getPlugin(pluginName):根据插件名称获取一个插件实例

30.getSelected():获取被选中的单元格的索引数组,数组包括:startRow,stratCol,endRow,endCol4个值。

31.getSelectedRange():获取被选中的单元格的坐标

32.getSettings():获取对象的配置信息

33.getSourceDataAtCol(col):根据列号获取data source中的该列数据

getSourceDataAtRow(row):根据行号获取data source中的该行数据

34.getValue():获取所有被选中的单元格的值

35.hasColHeaders():返回是否存在列头

hasRowHeaders():返回是否存在行头

36.isEmptyCol(col):根据列索引判断该列是否为空

isEmptyRow(row):根据行索引判断该行是否为空

37.isListening():判断当前handsontable实例是否被监听

listen():监听body中的input框

unlisten():停止监听

38.loadData(data):加载本地数据

39.populateFormArray(start,input,end,source,method,direction,deltas):使用二维数组填充单元格

其中,start:开始位置

input:二维数组

end:结束位置

source:默认为populateFromArray

method:默认为overwrite

direction:left/right/top/bottom

deltas:其值为一个数组

populateFormArray(row,col,input,endRow,,endCol,source,method,direction,deltas)

40.propToCol(prop):返回给定属性名的列索引,prop为属性名

propToRow(prop):返回给定属性名的行索引,prop为属性名

41.removeCellMeta(row,col,key):根据行列索引移除指定的属性对象

42.removeHook(key,callback):移除钩子方法

43.render():渲染表格

44.rowOffset():获取第一个可见行的索引

45.setCellMeta(row,col,key,val):设置参数属性和值到指定行列的单元格

46.setCellMetaObject(row,col,prop):设置属性对象到指定的单元格

47.setDataAtCell(row,col,value,source):设置新值到一个单元格

48.setDataAtRowProp(row,prop,value,source):设置指定行的属性值为指定的值

49.updateSettings(setting,init):修改初始化的配置信息

50.validdateCells(callback):使用验证器验证所有单元格

时间: 2024-11-29 03:29:28

handsontable的单元格操作方法的相关文章

Handsontable对单元格的操作

1.自动填充单元格数据 fillHandle:true/false    //当值为true时,允许拖动单元格右下角,将其值自动填充到选中的单元格 2.合并单元格 mergeCells:[{row:起始行数,cols:起始列数,rowspan:合并的行数,colspan:合并的列数},...] 3.初始化单元格或列的对齐方式 水平样式:htLeft,htCenter,htRight,htJustify 垂直样式:htTop,htMiddle,htBottom 4.只读模式 列只读,设置列属性:r

handsontable 给单元格自定义属性

1 setHotAttr(hotObj,rowHeader,colHeader){// 给handsongtable绑定行列属性 2 console.log(hotObj); 3 console.log(colHeader); 4 console.log(rowHeader); 5 6 let count_col = Number(hotObj.countCols());//获取列数 7 let count_row = Number(hotObj.countRows());//获取行数 8 9

如何快速选中某单元格所在的整行或整列 Excel教程

我们可以使用快捷键的操作来快速选中B3单元格所在的整行或整列,操作方法如下,请大家参阅! 一.正规的快捷键操作 ①快速选中整行 按下键盘上的 Shift Space 即同时按下键盘上的Shift 空格键,这样,就能快速选中B3所在行的整行了. 操作方法注意,可先按下Shift不放,再按下空格键,这样更容易选中整行. ②快速选中整列 按下键盘上的 Ctrl Space 即同时按下键盘上的Ctrl 空格键,这样,就能快速选中B3所在行的整列了. 操作方法注意,可选按下Ctrl不放,再按下空格键,这样

自定义单元格(IOS)

自定义单元格有三种方法 - 代码实现 - xib - storyboard(推荐) 在故事板中操作方法为 1.在TableView属性的Prototype Cells设置为1,默认为1: 2.需要创建自定义的单元格类: 3.设定Table View Cell的Class为自定义类: 自定义类:(并不难) #import "CustomCell.h" @implementation CustomCell - (void)awakeFromNib { // Initialization c

如何把Excel中的单元格等对象保存成图片

对于Excel中的很多对象,比如单元格(Cell),图形(shape),图表(chart)等等,有时需要将它们保存成一张图片.就像截图一样. 最近做一个Excel相关的项目,项目中遇到一个很变态的需求, 需要对Excel中的一些对象进行拍图,比如,对一个单元格设置一些颜色之后拍图,或者对一个图表,报表拍成图片.经过比较曲折的经历,终于还是完成了.拿出来分享一下. 要做Excel,首先当然是查看Excel的com对象模型.地址在这里: http://msdn.microsoft.com/en-us

[从产品角度学EXCEL 03]-单元格的秘密

这是<从产品角度学EXCEL>系列——单元格的秘密. 前言请看: 0 为什么要关注EXCEL的本质 1 EXCEL是怎样运作的 2 EXCEL里的树形结构 或者你可以去微信公众号@尾巴说数 获得连载目录. 本文仅由尾巴本人发布于特定网站.不接受任何无授权转载,如需转载,请先联系我,非常感谢. 在讲了excel的树形结构之后,我们终于要进入正题,研究单元格的秘密了. 当我们打开excel的时候,首先映入眼帘的就是一大片格子,这就是单元格. 在excel里,单元格承担了几乎所有的存储信息的功能.你

Excel单元格内容太多会覆盖遮住下一单元格范围

Excel单元格内容太多会覆盖遮住下一单元格范围分步阅读 Excel中的单元格内容,有着不同的对齐方式.用户可根据自己的需求,在处理数据的时候,自行设置所需要的对齐方式. 当您在处理数据的时候,如果设置不当,就会遇到这样的问题:Excel单元格内容太多会覆盖遮住下一单元格范围. 可以通过如下的方法来解决. 方法/步骤 如下图,B2单元格,仅输入了几个中文,但是,由于列的宽度不够,因此,该单元格的内容会延伸到下一单元格并覆盖了下一单元格的范围.从而影响了下一单元格的输入与修改. 此时,我们需要的方

[DevExpress]GridControl 根据RowIndex和VisibleColumnsIndex来获取单元格值

关键代码: /// <summary> /// 根据rowIndex和visibleColumnsIndex来获取单元格可见值 /// </summary> /// <param name="view">GridView</param> /// <param name="rowIndex">rowIndex</param> /// <param name="visibleColu

C#.Net 导出Excel 之单元格 相关设置

range.NumberFormatLocal = "@";     //设置单元格格式为文本range = (Range)worksheet.get_Range("A1", "E1");     //获取Excel多个单元格区域:本例做为Excel表头range.Merge(0);     //单元格合并动作worksheet.Cells[1, 1] = "Excel单元格赋值";     //Excel单元格赋值range