在单元格中使用区域模板（RangeTemplate）

SpreadJS支持区域模板的功能，可以讲一个sheet的内容，当作模板显示在其他sheet的单元格中。


学习指南示例中演示了使用sheet binding使用区域模板，其实区域模板是一个特殊的CellType，[size=1em]GC.Spread.Sheets.CellTypes.RangeTemplate
类似CheckBox在所有单元格中都可以使用，下面演示如何在一个单元格中使用区域模板

可以在学习指南中直接修改代码并运行，查看效果

1. function initSpread(spread) {
   
2.     var renderSheet = spread.getActiveSheet();
   
3.     renderSheet.defaults.rowHeight = 207;
   
4.     var templateSheet = new GC.Spread.Sheets.Worksheet();
   
5.     templateSheet.fromJSON(templatesheetjson);
   
6.     spread.addSheet(1,templateSheet);
   
7.     templateSheet.setFormatter(2,2,"=IMAGE(@)");
   
8.     bindEvent(renderSheet, templateSheet);
   
9. 
   
10.     renderSheet.suspendPaint();
    
11.     renderSheet.setColumnWidth(0, 440)
    
12.     var celltype = new GC.Spread.Sheets.CellTypes.RangeTemplate(templateSheet);
    
13.     renderSheet.setCellType(0, 0, celltype);
    
14.     // 给区域模板单元格设置绑定路径detail
    
15.     renderSheet.setBindingPath(0, 0, "detail")
    
16.     // 构建数据源，detial是一个对象，属性和模板中绑定信息对应。
    
17.     var cellData = {
    
18.         "image": "https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/spread/source/images/avatar/63.png",
    
19.         "registered": {
    
20.             "date": "2006-11-30T07:33:34Z",
    
21.             "age": 12
    
22.         },
    
23.         "phone": "0563-6803149",
    
24.         "email": "reza.nissen@example.com",
    
25.         "fullName": "Reza,Nissen"
    
26.     }
    
27.     var dataSource = new GC.Spread.Sheets.Bindings.CellBindingSource({"detail": cellData})
    
28.     renderSheet.setDataSource(dataSource);
    
29.     renderSheet.resumePaint();
    
30. }

复制代码

单元格A1，设置了绑定路径detail， 数据源中有detail对象，内容为和目标中绑定信息一直的对象。
效果如图