初始化表單API

1.  const spreadNS = GC.Spread.Sheets;

2.  const SHEETS = new spreadNS.Workbook(this.refs['overseas']);

3.  // set sheet count

4.  // SHEETS.setSheetCount(1);

5.   

6.  const sheet = SHEETS.sheets[0];

設(shè)置默認(rèn)屬性

1.  const defaultStyle = new GC.Spread.Sheets.Style();

2.  // 設(shè)置默認(rèn)背景色

3.  // @method1 defaultStyle.backColor = "LemonChiffon";

4.  // @method2 SHEETS.options.backColor = "#ccc";

5.  //defaultStyle.foreColor = "Red";

6.  //defaultStyle.formatter = "0.00";

7.  defaultStyle.font   = "bold normal 9px normal"

8.  defaultStyle.hAlign = GC.Spread.Sheets.HorizontalAlign.center;

9.  defaultStyle.vAlign = GC.Spread.Sheets.VerticalAlign.center;

10.//defaultStyle.borderLeft = new GC.Spread.Sheets.LineBorder("Green",GC.Spread.Sheets.LineStyle.medium);

11.//defaultStyle.borderTop = new GC.Spread.Sheets.LineBorder("Green",GC.Spread.Sheets.LineStyle.medium);

12.//defaultStyle.borderRight = new GC.Spread.Sheets.LineBorder("Green",GC.Spread.Sheets.LineStyle.medium);

13.//defaultStyle.borderBottom = new GC.Spread.Sheets.LineBorder("Green",GC.Spread.Sheets.LineStyle.medium);

14.sheet.setDefaultStyle(defaultStyle, spreadNS.SheetArea.viewport);

表格的四個部分

1.  spreadNS.SheetArea.viewport

2.   

3.  // spreadNS.SheetArea include the following parts

4.  // colHeader: 1 ,

5.  //    corner: 0

6.  // rowHeader: 2

7.  //  viewport: 3

8.   

9.  // 改變表頭的背景 Set the backcolor of second row header.

10.sheet.getCell(1, 0, GC.Spread.Sheets.SheetArea.rowHeader).backColor("Yellow");

其他配置

1.  // 表格下邊的tab的顏色

2.  sheet.options.sheetTabColor = "red";

3.   

4.  // 表格只讀

5.  sheet.options.isProtected = true

6.   

7.  // 允許cell內(nèi)容移除

8.  activeSheet.options.allowCellOverflow = true;

9.   

10.// 第一列不可見

11.sheet.setColumnVisible(0, false)

12.

13.// 添加tips

14.sheet.comments.add(4, 4, "不要修改!");

15.

16.// 禁止用戶編輯公式

17.spread.options.allowUserEditFormula = false;

18.

19.// 不顯示格子的邊

20.sheet.options.gridline = {

21.    color:"red",

22.    showVerticalGridline: true,

23.    showHorizontalGridline: false

24.};

25.

26.// 不顯示表頭

27.activeSheet.options.colHeaderVisible = false;

28.activeSheet.options.rowHeaderVisible = false;

減少重繪

1.  spread.reset() // 清空數(shù)據(jù)

2.  spread.suspendPaint();  //suspendPaint 暫停重繪  先這樣 很多操作之后 resumePaint

3.  spread.addSheet(0);

4.  spread.fromJSON(json);  // json data

5.  spread.resumePaint();   // 調(diào)用resumePaint 重新激活Spread重繪

excel 運(yùn)算符

1.  引用運(yùn)算符 含義（示例）

2.  :（冒號） 區(qū)域運(yùn)算符，產(chǎn)生對包括在兩個引用之間的所有單元格的引用 (B5:B15)

3.  ,（逗號） 聯(lián)合運(yùn)算符，將多個引用合并為一個引用 (SUM(B5:B15,D5:D15))

4.  （空格） 交叉運(yùn)算符產(chǎn)生對兩個引用共有的單元格的引用。(B7:D7 C6:C8)

設(shè)置單元格屬性

1.        

2.  sheet.getCell(2, 1).

3.  text("huahua").             // 設(shè)置文字

4.  backColor("rgba(1,1,1,.3)") //設(shè)置背景色

公式

1.  // 隨機(jī)數(shù)

2.   sheet.setFormula(1, 1, "RandBetween(45,85)");

3.   

4.  // 求和

5.  sheet.setFormula(1, 1, "SUM(A1,B1)"); //A1和B1之和

6.  sheet.setFormula(1, 1, "SUM(A1:H1)"); //A1到H1之和

7.   

8.  // 條件

9.  sheet.setFormula(4, 1, "IF(A1>10, A1*2, A1*3)");

開啟R1C1 引用

1.  // open r1c1 reference

2.  SHEETS.options.referenceStyle = 1;

基本操作

1.  // 添加行/列

2.  sheet.addRows(1, 1);    sheet.addColumns(1, 1);

3.   

4.  // 設(shè)置背景圖片

5.  activeSheet.getCell(1, 1).backgroundImage("Image file path name");

設(shè)置row和column的背景色

1.  /**

2.  * @name set the bgColor of column

3.  *

4.  * @type1

5.  * sheet.getRange(-1, 1, -1, 1).backColor("lightYellow").width(330);

6.  *

7.  * @name set the bgColor of row

8.  *

9.  * @type1

10.* sheet.getRange(0, -1, 1, -1).backColor("lightYellow").height(44)

11.*

12.* @type2

13.* const rowStyle1 = new spreadNS.Style();

14.* rowStyle1.backColor = "#bdcde3";

15.* sheet.setStyle(0, -1, rowStyle1, spreadNS.SheetArea.viewport);

16.*/

events

1.  // 獲取點(diǎn)擊的cell和所在的sheet

2.  SHEETS.bind(spreadNS.Events.EnterCell, function (event, data) {

3.      console.log(data.col)

4.      console.log(data.row)

5.      console.log(data)

6.      var activeSheet = data.sheet;

7.      activeSheet.startEdit(true);

8.  });

9.   

10.// 離開cell事件

11.sheet.bind(GC.Spread.Sheets.Events.LeaveCell, function (event, infos) {

12.    //Reset the backcolor of cell before moving

13.    infos.sheet.getCell(infos.row, infos.col).backColor(undefined);

14.});

15.

16.//粘貼事件

17.spread.bind(GC.Spread.Sheets.Events.ClipboardPasted, function (sender, args) {

18.    if (sheet.getCell(args.cellRange.row, args.cellRange.col).locked()) {

19.       return;

20.    }

21.    console.log("ClipboardPasted");

22.});

23.

24.//值改變事件

25.spread.bind(GC.Spread.Sheets.Events.ValueChanged, function (sender, args) {

26....

27.});

28.

29.//按鈕點(diǎn)擊事件

30.spread.bind(GC.Spread.Sheets.Events.ButtonClicked, function(e, args) {

31....

32.});

33.

34.//單元格點(diǎn)擊事件

35.spread.bind(GC.Spread.Sheets.Events.CellClick, function(sender, args) {

36....

37.});