[转]Handsontable对单元格的操作

原文地址:http://blog.csdn.net/mafan121/article/details/46119905

1.自动填充单元格数据

fillHandle：true/false //当值为true时，允许拖动单元格右下角，将其值自动填充到选中的单元格

2.合并单元格

初始化配置：mergeCells：[{row:起始行数,cols:起始列数,rowspan:合并的行数,colspan:合并的列数},...]

或者初始化声明：mergeCells:true //表示允许单元格合并

但单元格合并的操作，需如下操作：

[javascript] view plaincopy print?

if(key == "merge") {
if(hot.mergeCells.mergedCellInfoCollection.length > 0) {
for(var k=0; k<hot.mergeCells.mergedCellInfoCollection.length; k++) {
if(hot.mergeCells.mergedCellInfoCollection[k].row == row &&
hot.mergeCells.mergedCellInfoCollection[k].col == col) {
hot.mergeCells.mergedCellInfoCollection.splice(k,1);
return;
}else{
hot.mergeCells.mergedCellInfoCollection.push({"row": row, "col": col,
"rowspan": rowspan, "colspan": colspan});
break;
}
}
} else {
hot.mergeCells.mergedCellInfoCollection.push({"row": row, "col": col, "rowspan": rowspan, "colspan": colspan});
}

3.初始化单元格或列的对齐方式

水平样式：htLeft,htCenter,htRight,htJustify

垂直样式：htTop,htMiddle,htBottom

4.只读模式

列只读，设置列属性：readOnly：true

单元格只读：cellProperties.readOnly = true

5.设置单元格的编辑类型

columns:[{type:类型}]

主要的类型有：

text：字符串

numeric：数字类型

date：日期框

checkbox：单选框

password:密码框

下面几种类型的使用比较特殊

select：下拉编辑器

columns:[

{editor:'select',

selectOption:[选项1，选项2，...]},

.......

]

dropdown：下拉选择

columns：[

{type:'dropdown',

source:[选项1，选项2，...]},

......

]

autocomplete：自动匹配模式

columns：[

{type:'autocomplete',

source:[选项1，选项2，...],

strict:true/false, //值为true，严格匹配

allowInvalid:true/false //值为true时，允许输入值作为匹配内容，只能在strict为true时使用

......

]

handsontable：表格模式

columns：[

{type:'handsontable',

handsontable:{...},

......

]

自定义模式

data=[{

title：html标签，

description:描述，

comments：评论，

cover：封面

......

]

自定义边界

customBorders:[

range:{

form:{row:行数，col：列数}, //起始行列

to:{row:行数，col：列数}, //终止行列

top/bottom/right/left:{ //上下右左边线

width:像数，

color:颜色

}

]

6.查询单元格的值

查询单元格的值需要3个步骤：

a.设置hot的属性search为true

b.创建比对函数

c.渲染比对结果

示例代码如下：

[javascript] view plaincopy print?

var
data = [
['Nissan', 2012, 'black', 'black'],
['Nissan', 2013, 'blue', 'blue'],
['Chrysler', 2014, 'yellow', 'black'],
['Volvo', 2015, 'yellow', 'gray']
],
example = document.getElementById('example1'),
searchFiled = document.getElementById('search_field'),
hot;
hot = new Handsontable(example, {
data: data,
colHeaders: true,
search: true
});
function onlyExactMatch(queryStr, value) {
return queryStr.toString() === value.toString();
}
Handsontable.Dom.addEvent(searchFiled, 'keyup', function (event) {
var queryResult = hot.search.query(this.value);
console.log(queryResult);
hot.render();
});

7.评论

comments：true/false //当值为true时可以显示评论，右键菜单可添加删除评论。

当值为true时，可设置单元格的评论内容，格式为：

cell：[

{

row:行数，

col：列数，

comment：评论内容

}

]

转载于:https://www.cnblogs.com/dirgo/p/7686891.html

[转]Handsontable对单元格的操作相关推荐

python xlwings库对于excel单元格的操作
[高心星出品] 文章目录前言一.xlwings获取单元格的数据与格式二.xlwings修改单元格的数据与格式总结前言在上一篇文章传送门介绍了xlwings库对于单元格的简单操作,本篇文章继 ...
hssfworkbook 单元格合并后宽度不生效_一起来学习Excel批量合并单元格的操作技巧...
在我们日常工作中,利用Excel制作表格时,合并单元格是一个让人又爱又恨的东西,合并单元格后的数据处理会带来很多麻烦,比如求和.统计等计算工作(可查阅<让我们一起来干掉Excel合并单元格的那些 ...
handsontable 给单元格设置下拉菜单
handsontable 可以扩展 render 和编辑功能,当然自己扩展还是很麻烦的. 默认给了这么几种单元格类型 "autocomplete" or Handsontable. ...
001-poi-excel-基础、单元格使用操作
一.概述 Apache POI是Apache软件基金会的开源项目,POI提供API给Java程序对Microsoft Office格式档案读和写的功能. .NET的开发人员则可以利用NPOI (POI ...
在xlwings库下，通过循环对多个单元格进行操作
了解了一下xlwings.看见现有的资料里有对一块区域进行赋值的,比如 sht1.range('A1').value=[[1, 2],[3, 4] ] 想借鉴这种写法,对颜色进行赋值,于是写了以下代码 ...
java doc 合并单元格_AsposeWords操作表格合并单元格
强大的AsposeWords for java不仅支持创建表格,还支持合并单元格.今天就简明扼要记录下如何实现合并单元格. 大家可以完全套用本文提供的代码,只需要提供开始和结束的单元格即可实现合并,无 ...
计算机合并单元格怎么操作,如何在Excel中批量合并单元格（快速一步）
在制作Excel表格时,为了使您的报表更简洁和易于参考,通常是将相同的内容合并在一起,但是您需要合并许多相同的单元格. 发疯. 如何快速批量合并相同的单元格?方法 1首先打开需要合并单元格的excel ...
php中调行高代码_PhpSpreadsheet设置单元格常用操作汇总
PhpSpreadsheet提供了丰富的API接口,可以设置诸多单元格以及文档属性,包括样式.图片.日期.函数等等诸多应用,总之你想要什么样的Excel表格,PhpSpreadsheet都能做到. 在 ...
CellStyle单元格样式操作
//创建样式 CellStyle cellStyle = workbook.createCellStyle(); 文字位置: //水平方向 cellStyle.setAlignment(Horizon ...
Excel 公式、图表以及单元格的操作
1. 公式 1.1 SUM SUM 函数将值相加,可以将单个值.单元格引用或是区域相加,或者将三者的组合相加.例如: =SUM(A1:A3)将单元格 A1:A3 中的值加在一起,=SUM(A1:A3, ...

[转]Handsontable对单元格的操作

[转]Handsontable对单元格的操作相关推荐

最新文章

热门文章