SpreadJS学习笔记-单元格类型

SpreadJS 单元格可以设置不同的类型，按钮、checkbox、下拉框、超链接、或者自定义单元格。
可以单独给一个单元格设置类型，也可以把单元格类型绑定到列上、让某一列成为一个类型的单元格。

按钮单元格

可设定按钮在单元格的位置，距离各边距的位置、背景色、文字等

// CellTypes可以是 Button、CheckBox、Combobox、hyperlink
var b1 = new GC.Spread.Sheets.CellTypes.Button();
sheet.setCellType(3, 2, b1, GC.Spread.Sheets.SheetArea.viewport);

复选框单元格

默认有两种状态，选中和未选中，也可通过isThreeState(true) 设定为三种状态：选中、未选中、不确定、

普通组合框单元格（单选下拉框）

通过设定是否可编辑editable()，可以控制单元格是单选可输框或者单选不可输。
疑问？ 如何实现多选可输、多选不可输？

超链接单元格

可设置鼠标悬浮提示信息、设置未访问及以访问过的字体颜色、控制文本缩进、对齐方式、自动换行、设置回调函数

1.gif

自定义单元格

例子中姓名列为自定义单元格，点击后可单独编辑FirstName,SecondName,并且回显：

image.png

自定义列头

设定一个自定义超链接格式列头，点击后对该列进行排序：

     sheet.setCellType(0, 7, new SortHyperlinkCellType(), spreadNS.SheetArea.colHeader);

3.gif