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

收藏

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

这是关键代码

var spreadNS = GC.Spread.Sheets;
function BindingPathCellType() {
spreadNS.CellTypes.Text.call(this);
}
BindingPathCellType.prototype = new spreadNS.CellTypes.Text();
BindingPathCellType.prototype.paint = function (ctx, value, x, y, w, h, style, context) {
if (value === null || value === undefined) {
var sheet = context.sheet, row = context.row, col = context.col;
if (sheet && (row === 0 || !!row) && (col === 0 || !!col)) {
var bindingPath = sheet.getBindingPath(context.row, context.col);
if (bindingPath) {
value = "[" + bindingPath + "]";
}
}
}
spreadNS.CellTypes.Text.prototype.paint.apply(this, arguments);
};

复制代码

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

		自动登录	找回密码
密码			立即注册

0 个回复