spreadjs 自定义 cellType 问题

1. console.log(row, col,value)
   
2.     sheet.getCell(row, col).text(value).cellType(new AutoWrapTextCellType());

复制代码

1. AutoWrapTextCellType.prototype = new GC.Spread.Sheets.CellTypes.Text();
   
2. AutoWrapTextCellType.prototype.paint = function (ctx, value, x, y, w, h, style, context) {
   
3.     ctx.font = style.font;
   
4.     GC.Spread.Sheets.CellTypes.Text.prototype.paint.apply(this, [ctx, value, x, y, w, h, style, context]);
   
5. };

复制代码

自定义单元格类型后，会导致插入时插入整行数据

浩 发表于 2021-9-3 16:52
中间有一些我们封装的代码，已替换

请问这是您想要的效果吗


请把行列索引改为数字格式，也就是将上面的引号删除


如果不符合您的需求，麻烦您再详细描述一下您的需求。

您好，请问您是指红框部分的数据吗？这边看了您的代码未能复线您的问题，请问您点击按钮的逻辑具体是什么呢？如果只是改变一个单元格的类型那么只会改变设置的单元格而不会影响其他单元格。建议您提供更多能复现问题的信息或者提供一个能复现问题的demo。

Derrick.Jiao 发表于 2021-9-3 14:16
您好，请问您是指红框部分的数据吗？这边看了您的代码未能复线您的问题，请问您点击按钮的逻辑具体是什么呢 ...

这个例子可以看到问题

1. const data = {
   
2.         "0":{
   
3.             "15,1":{
   
4.                 "row":"15",
   
5.                 "col":"1",
   
6.                 "mapping_value":"sign_one::一级签字",
   
7.                 "value":"管理员",
   
8.                 "old_text":""
   
9.             },
   
10.             "16,1":{
    
11.                 "row":"16",
    
12.                 "col":"1",
    
13.                 "mapping_value":"sign_one_time::一级签字日期",
    
14.                 "value":"2021年09月03日",
    
15.                 "old_text":""
    
16.             }
    
17.         }
    
18.     };
    
19. 
    
20.     _.forOwn(data, (item, pageIndex) => {
    
21.         const sheet = $.spread.getSheetObjForIndex(pageIndex)
    
22.         _.forOwn(item, (cellData) => {
    
23.             const key = cellData['mapping_value'].split('::')[0];
    
24.             const keyValue = cellData['mapping_value'].split('::')[1];
    
25.             let {row, col, old_text, value} = cellData;
    
26. 
    
27.             row = parseInt(row) + parseInt(sheet.getRowCount()) - parseInt(this.tempSheetJson[pageIndex]['rowCount']);
    
28. 
    
29.             const old = old_text.replace(new RegExp(" ", "gm"), ' ');
    
30.             if ($.common.isEmpty(value)) value = '';
    
31.             let style = $.sheet.getStyle(row, col, sheet); // 获取样式
    
32.             style.backColor = null; // 清空背景色
    
33.             style.wordWrap = true; // 自动换行
    
34.             sheet.getCell(row, col).text(old + value).cellType(new AutoWrapTextCellType());
    
35.             sheet.setStyle(row, col, style, GC.Spread.Sheets.SheetArea.viewport);
    
36.         })
    
37.     })

复制代码

1. function AutoWrapTextCellType() {
   
2. }
   
3. 
   
4. AutoWrapTextCellType.prototype = new GC.Spread.Sheets.CellTypes.Text();
   
5. AutoWrapTextCellType.prototype.paint = function (ctx, value, x, y, w, h, style, context) {
   
6.     ctx.font = style.font;
   
7.     value = wrapString(ctx, value, w - 15);
   
8.     GC.Spread.Sheets.CellTypes.Text.prototype.paint.apply(this, [ctx, value, x, y, w, h, style, context]);
   
9. };
   
10. 
    
11. function wrapString(c, str, maxWidth) {
    
12.     let width = c.measureText(str).width;
    
13.     if(width<=maxWidth) return str;
    
14.     const len = str.length;
    
15.     let newStrList = [];
    
16.     let index = 0;
    
17.     for (let i = 0; i < len; i++) {
    
18.         // 临时拼接字符串
    
19.         let _newStr = newStrList[index] + str[i];
    
20.         // 临时拼接字符串的长度
    
21.         let newWidth = c.measureText(_newStr).width;
    
22.         // 初始化数组
    
23.         if(!newStrList[index]) newStrList[index] = '';
    
24.         // 长度判断
    
25.         if(newWidth >= maxWidth){ // 长度超过,换行
    
26.             newStrList[index] = newStrList[index] + '\n';
    
27.             index++;
    
28.             newStrList[index] = str[i];
    
29.         }else{
    
30.             newStrList[index] = newStrList[index] + str[i];
    
31.         }
    
32.     }
    
33.     return newStrList.join('');
    
34. }

复制代码

浩 发表于 2021-9-3 14:39
这个例子可以看到问题

暂时从您的代码中未能复现您的问题，这边已将您提供的代码以及json整理在一个demo里面，麻烦您在附件的dmeo中复现您的问题方便我们更快速地定位问题。

Derrick.Jiao 发表于 2021-9-3 16:19
暂时从您的代码中未能复现您的问题，这边已将您提供的代码以及json整理在一个demo里面，麻烦您在附件的dm ...

中间有一些我们封装的代码，已替换

Derrick.Jiao 发表于 2021-9-3 17:29
请问这是您想要的效果吗

谢谢，已解决

浩 发表于 2021-9-3 17:49
谢谢，已解决

解决了就好，有新问题欢迎开新帖交流~