将excel转换为数据源后，控制台报错

Lynn.Dou

重现步骤：
1. 打开官网示例 https://demo.grapecity.com.cn/SpreadJS/WebDesigner/index.html
2. 导入excel文件，见附件
3. 执行以下代码转换为数据源

(function() {
const spread = GC.Spread.Sheets.findControl(document.getElementsByClassName('ss'));
const sheet = spread.getActiveSheet();
const rowCount = sheet.getRowCount();
const templateDefine = {
// 运价
dataRowStartIndex: 2,
columns: [
'svc',
'trade',
'feederPol',
'pol',
'pod',
'carrier',
'bookingAgent',
'accountUnit',
'f_20gpCost',
'f_40gpCost',
'f_40hcCost',
'f_45hcCost',
'f_20norCost',
'f_40norCost',
'f_20gpHandlingFeeCarrier',
'f_40gpHandlingFeeCarrier',
'f_40hcHandlingFeeCarrier',
'f_45hcHandlingFeeCarrier',
'f_20norHandlingFeeCarrier',
'f_40norHandlingFeeCarrier',
'f_20gpHandlingFeeDivision',
'f_40gpHandlingFeeDivision',
'f_40hcHandlingFeeDivision',
'f_45hcHandlingFeeDivision',
'f_20norHandlingFeeDivision',
'f_40norHandlingFeeDivision',
'additionalCodeCarrie',
'additionalCodeDivision',
'cls',
'etd',
'begtime',
'endtime',
'via',
'colorcode',
'tstype',
'tT',
'sub',
'remark',
'webRemark',
'f_20gpT3',
'f_40gpT3',
'f_40hcT3',
'f_45hcT3',
'f_20norT3',
'f_40norT3',
'pricingCode',
'branchName',
'cnyRate',
'payment',
'forFeeder',
'f_20gpBase',
'f_40gpBase',
'f_40hcBase',
'f_45hcBase',
'f_20norBase',
'f_40norBase',
'priceAuthority',
'contractNo',
'custumerAuthority'
]
};
let table = sheet.tables.add('SofreightTable',
templateDefine.dataRowStartIndex - 1, 0, rowCount - templateDefine.dataRowStartIndex + 1, templateDefine.columns.length);
table.expandBoundRows(true);
table.allowAutoExpand(true);
table.style(null);
table.bindingPath("SofreightTable");
/**********数据绑定**************/
const tableDataRange = table.dataRange();
const dataArray = sheet.getArray(
tableDataRange.row,
tableDataRange.col,
tableDataRange.rowCount,
tableDataRange.colCount
);
const dataSource = {
SofreightTable: undefined
};
// 原始数据处理为绑定数据
dataSource.SofreightTable = dataArray.map((row) => {
const obj = {};
row.forEach((cell, index) => {
obj[templateDefine.columns[index]] = cell;
});
return obj;
});
// 执行数据绑定
sheet.setDataSource(new GC.Spread.Sheets.Bindings.CellBindingSource(dataSource));
})();

复制代码

执行后，拖动右侧的滚动条，滚动条无反应，控制台报错，并且滚动中会出现白屏。
image.png695821532.png

Lynn.Dou · Lynn.Dou

本帖最后由 Lynn.Dou 于 2021-12-1 16:26 编辑

这边测试可能是在原数据基础上绑定的数据源造成此错误。
尝试新建一个sheet，绑定数据源，不会出现报错问题，
您参考附件所示的demo，实际测试下。
测试步骤:
1、导入前面提供的excel文件
2、点击绑定数据源按钮

Lynn.Dou · Lynn.Dou

您好，这边根据您描述的步骤复现了此问题。
只是从代码中不太理解您是想实现什么样的需求。
数据绑定是为了实现字段之间与数据的绑定关系，从而动态绑定数据源，
从excel文件中可以看到已经表单中已经存在了数据，
您的代码是想什么需求呢？
请结合实际的业务情况详细描述下，
这样这边才能更好的调研相关解决方案。

chaiwei · chaiwei

Lynn.Dou 发表于 2021-11-5 16:17
您好，这边根据您描述的步骤复现了此问题。
只是从代码中不太理解您是想实现什么样的需求。
数据绑定是为 ...

我们这个excel是用户编辑保存时，将其中的数据发送到后台，后台对数据进行解析并存入数据库。
用户保存 -> JS将纯数据JSON（不包括模板）发送到后端 -> 后端入库。
我们之前对接SJS的时候，对接的销售推荐我们用这种方式的。
如果不使用这种数据源方式，应该可以使用sheet.getArray来实现同样的效果。

Lynn.Dou · Lynn.Dou

好的，这边先调研下，有问题会在贴中与您沟通。

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

[已处理] 将excel转换为数据源后，控制台报错

最佳答案

4 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人