SpreadJS单元格类型的基本应用

本文主要介绍了SpreadJS单元格类型的基本应用。

1. Spread.Sheets 提供了很多种单元格类型。它支持双向绑定（数据发生变化视图也会响应变化）。每一个单元格类型都提供了两种模式：展示模式和编辑模式。

2. 想要设置单元格类型，首先就要创建一个单元格类型对象，然后使用 setCellType 方法将单元格类型设置到表单，单元格，列，行上。例如：

var b1 = new GC.Spread.Sheets.CellTypes.Button(); b1.text('Margin Left'); b1.marginLeft(40); sheet.setCellType(3, 2, b1, GC.Spread.Sheets.SheetArea.viewport); //or sheet.getCell(3,2).cellType(b1); 你可以通过将单元格类型绑定到列上这种方式来使用单元格类型。比如：

var lines = ['Computers', 'Washers', 'Stoves']; var lineCellType = new GC.Spread.Sheets.CellTypes.ComboBox(); lineCellType.items(lines); var columns = [ {name: 'name', size: 100} {name: 'color', cellType: lineCellType, size: 80}, ]; sheet.bindColumns(columns) b1.marginLeft(40); 当你设置完单元格类型后，可以使用 getCellType 方法获取单元格类型。如果你想移除单元格类型，你可以将单元格类型的值设置为 null 或者 undefined。

3. Spread.Sheets 在 Spread 上提供了一个事件 (ButtonClicked) 。如果你点击了按钮，复选框或者超链接事件就会触发。例如：

spread.bind(GC.Spread.Sheets.Events.ButtonClicked, function() { //do some thing... }); 效果展示：