tablesheet自定义行操作iconSelector无法获取item值

自定义行操作Check，option对象内iconSelector(item: any, index)方法内[item.Id]为undefined，导致勾选状态无法写入。


请查看93行和123行的打印值

1. const initSpread = function (spread) {
   
2.     spreadEntity = spread;
   
3.     spread.suspendPaint();
   
4.     spread.clearSheets();
   
5.     spread.options.autoFitType = GC.Spread.Sheets.AutoFitType.cellWithHeader; // 列宽自适应
   
6. 
   
7.     // init a data manager
   
8.     const dataManager = spread.dataManager();
   
9.     spread.options.allowDynamicArray = true; // 是否启用动态数组
   
10.     const myTable = dataManager.addTable('myTable', {
    
11.       batch: false,
    
12.       autoSync: false,
    
13.       data:  [
    
14.     {
    
15.       empNo: 'DE001',
    
16.       Id: 1,
    
17.       stringType: 'Jone',
    
18.       numberType: 90.012,
    
19.       currencyType: 8.5,
    
20.       urlLink: 'http://www.baidu.com',
    
21.       phone: '(123)555-0100',
    
22.       selectType: 1,
    
23.       dateType: '2019-07-04',
    
24.       credit: '30,25',
    
25.       createTimeType: null,
    
26.       isFinished: 'Yes',
    
27.       isEncouraged: 'True',
    
28.       checkboxType: true,
    
29.       buttonList: undefined,
    
30.       radioButtonList: 0,
    
31.     },
    
32.     {
    
33.       empNo: 'DE002',
    
34.       Id: 2,
    
35.       stringType: 'Tom',
    
36.       numberType: 90.012,
    
37.       currencyType: 8.5,
    
38.       urlLink: 'http://www.baidu.com',
    
39.       phone: '(123)555-0101',
    
40.       selectType: 2,
    
41.       dateType: '2019-07-04',
    
42.       credit: '30,25',
    
43.       createTimeType: null,
    
44.       isFinished: 'Yes',
    
45.       isEncouraged: 'True',
    
46.       checkboxType: false,
    
47.       checkboxTypeButton: false,
    
48.     },
    
49.     {
    
50.       empNo: 'DE003',
    
51.       Id: 3,
    
52.       stringType: 'Kotas',
    
53.       numberType: 90.012,
    
54.       currencyType: 8.5,
    
55.       urlLink: 'http://www.baidu.com',
    
56.       phone: '(123)555-0101',
    
57.       selectType: 1,
    
58.       dateType: '2019-07-04',
    
59.       credit: '30,25',
    
60.       createTimeType: null,
    
61.       isFinished: 'No',
    
62.       isEncouraged: 'False',
    
63.       checkboxType: true,
    
64.       checkboxTypeButton: true,
    
65.     }
    
66. ],
    
67.       schema: {},
    
68.     });
    
69. 
    
70.     // init a table sheet
    
71.     const sheet = spread.addSheetTab(
    
72.       0,
    
73.       config.sheetName || 'Sheet1',
    
74.       GC.Spread.Sheets.SheetType.tableSheet,
    
75.     );
    
76. 
    
77.     // actions
    
78.     const rowActions = GC.Spread.Sheets.TableSheet.BuiltInRowActions;
    
79.     const options = sheet.rowActionOptions();
    
80.     if (config.allowDelete) {
    
81.       options.push(rowActions.removeRow);
    
82.     }
    
83.     if (config.allowChecked) {
    
84.       options.push({
    
85.         name: 'check',
    
86.         icons: [
    
87.           'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ0cmFuc3BhcmVudCIvPgo8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9InRyYW5zcGFyZW50Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMEgwVjEySDEyVjBaTTEgMTFWMUgxMVYxMUgxWiIgZmlsbD0iIzY2NjY2NiIvPgo8L3N2Zz4K',
    
88.           'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIiBmaWxsPSJ0cmFuc3BhcmVudCIvPgo8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9InRyYW5zcGFyZW50Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMEgwVjEySDEyVjBaTTEgMTFWMUgxMVYxMUgxWiIgZmlsbD0iIzY2NjY2NiIvPgo8cGF0aCBkPSJNNS4yNSA5TDIgNS42MTI5TDMuMDA3MTQgNC41NjMyOEw1LjI1IDYuODkzM0w4Ljk4NTcxIDNMMTAgNC4wNDk2M0w1LjI1IDlINS4yNVoiIGZpbGw9IiM2NjY2NjYiLz4KPC9zdmc+Cg==',
    
89.         ],
    
90.         tooltip: 'Check/Uncheck',
    
91.         iconSelector(item, index) {
    
92. 
    
93.           console.log('item:', item, 'item.Id:', item.Id); // item: {YTi: currentIndex} item.Id:undefined
    
94. 
    
95.           return !!checkMap[item.Id];
    
96.         },
    
97.         command: CheckRow,
    
98.       });
    
99.     }
    
100. 
     
101.     sheet.rowActionOptions(options);
     
102. 
     
103.     // bind a view to the table sheet
     
104.     myTable.fetch().then(function () {
     
105.       const view = myTable.addView('myView', tableViewTransfer(config.columns));
     
106.       sheet.setDataView(view);
     
107.     });
     
108. 
     
109.     spread.resumePaint();
     
110.   };
     
111. 
     
112. 
     
113. 
     
114. ......
     
115. 
     
116. 
     
117.   const registerCommands = () => {
     
118.     const { Commands } = GC.Spread.Sheets;
     
119.     Commands[CheckRow] = {
     
120.       canUndo: false,
     
121.       execute(context, options) {
     
122.         const id = options.item.Id;
     
123.         console.log('options.item.Id:', options.item.Id); // options.item.Id: 1、2、3
     
124.         checkMap[id] = !checkMap[id];
     
125. 
     
126.         return true;
     
127.       },
     
128.     };
     
129.   };

复制代码

您好，需要和您明确一下，您目前想要实现的效果是什么样子的？

另外，我尝试在本地运行您的代码，但是发现您提供的代码中没有关于config的定义。

Joestar.Xu 发表于 2024-10-28 10:29
您好，需要和您明确一下，您目前想要实现的效果是什么样子的？

另外，我尝试在本地运行您的代码，但是发 ...

想要实现的效果是可自定义操作实现行数据的勾选与反选，并实时变量保存已勾选的完整行数待批量操作。基于https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/table-sheet/row-action/custom/react 实现。

完整代码已上传，请替换LicenseKey后运行。

您提供的Demo无法直接运行，我将其中部分代码整合到之前的代码中后测试了一下，没有发现明显的问题，勾选功能什么的都是正常的。


如果你希望在删除了行以后checkMap和checkedList中的对应行也删除，需要您重写rowActions.removeRow的逻辑来实现。

Joestar.Xu 发表于 2024-10-29 17:30
您提供的Demo无法直接运行，我将其中部分代码整合到之前的代码中后测试了一下，没有发现明显的问题，勾选功 ...

我新建了个可本地运行的模板工程已上传，问题仍可复现：options对象内iconSelector(item: any, index)方法里打印[item.Id]为undefined，点击勾选框不能切换为选中状态。

“如果你希望在删除了行以后checkMap和checkedList中的对应行也删除，需要您重写rowActions.removeRow的逻辑来实现”  -- ok

您好，这个Demo我下载下来后运行发现有这个报错，可以请您确认一下吗？

Joestar.Xu 发表于 2024-10-30 16:02
您好，这个Demo我下载下来后运行发现有这个报错，可以请您确认一下吗？

要替换LicenseKey

您好，我这边测试了一下，要实现选中的效果：

1、升级版本至17.1.7

2、将注册命令提前到initSpread最前面

请参考附件。

Joestar.Xu 发表于 2024-10-30 16:53
您好，我这边测试了一下，要实现选中的效果：

1、升级版本至17.1.7

您好，我们这边只购买了16版本的版权，请问16版本有什么方法实现吗？

您好，我这边在V16版本中测了一下，没有找到相关的方案实现，猜测是一个旧版本的Bug，只能通过升级来修复。