自定义单元格画出数据绑定路径

背景：相信有小伙伴在用在线表格编辑器的时候都有用到数据绑定的功能。数据绑定中，有一个可以拖放字段的功能，拖放到指定单元格后，单元格会显示字段。有小伙伴也想在自己的表单指定单元格中显示指定的字段，那么我们可以用自定义单元格实现。
实现效果如下


这是关键代码

1. var spreadNS = GC.Spread.Sheets;
   
2. 
   
3. function BindingPathCellType() {
   
4.                 spreadNS.CellTypes.Text.call(this);
   
5.             }
   
6.             BindingPathCellType.prototype = new spreadNS.CellTypes.Text();
   
7.             BindingPathCellType.prototype.paint = function (ctx, value, x, y, w, h, style, context) {
   
8.                 if (value === null || value === undefined) {
   
9.                     var sheet = context.sheet, row = context.row, col = context.col;
   
10.                     if (sheet && (row === 0 || !!row) && (col === 0 || !!col)) {
    
11.                         var bindingPath = sheet.getBindingPath(context.row, context.col);
    
12.                         if (bindingPath) {
    
13.                             value = "[" + bindingPath + "]";
    
14.                         }
    
15.                     }
    
16.                 }
    
17.                 spreadNS.CellTypes.Text.prototype.paint.apply(this, arguments);
    
18.             };

复制代码

当然，我们的表格绑定中也有这样的一个示例，大家可以到下方链接查看
https://demo.grapecity.com.cn/sp ... able-binding/purejs