使用自定义单元格，校验数据的时候，自定义单元格会闪烁

1，使用自定义单元格，校验数据的时候，自定义单元格会闪烁

1. var style='style="text-align:center;margin: auto;position: absolute; top: 25%; left: 0; bottom: 0; right: 0;"';
   
2.                 sheet.getCell(row, col).cellType(new HTMLCellType()).value('<div '+style+'>'+text+'<span style="color:red;" >*</span></div>');
   
3.        

复制代码

自定义单元格的代码

1. 
   
2.                
   
3.                 CellDataValidation : function(row,col,sheet,data){
   
4.                
   
5.                  var gcdv = GC.Spread.Sheets.DataValidation;
   
6.                  
   
7.                        
   
8.              var ddv = null;
   
9.              var minVal=parseInt(length);
   
10.              var maxVal=parseInt(length);
    
11.              //必填项，判断长度
    
12.              switch (dataType) {
    
13.                      case "2":
    
14.                         if (gdecimal == 0) {
    
15.                             ddv = gcdv.createNumberValidator(5,
    
16.                                 isNaN(minVal) ? minVal : parseInt(minVal),
    
17.                                 isNaN(maxVal) ? maxVal : parseInt(maxVal),
    
18.                                 true);
    
19.                         } else {
    
20.                             ddv = gcdv.createNumberValidator(0,
    
21.                                 isNaN(minVal) ? minVal : parseFloat(minVal),
    
22.                                 isNaN(maxVal) ? maxVal : parseFloat(maxVal),
    
23.                                 false);
    
24.                         }
    
25.                         break;
    
26.                      case "3":
    
27.                               ddv = gcdv.createTextLengthValidator(1,
    
28.                                                       100,
    
29.                                                       100);
    
30.                                 break;
    
31.                      case "4":
    
32.                               ddv = gcdv.createTextLengthValidator(1,
    
33.                                               100,
    
34.                                               100);
    
35.                                 break;
    
36.                      case "5":
    
37.                                       ddv = gcdv.createTextLengthValidator(1,
    
38.                                                       100,
    
39.                                                       100);
    
40.                                                 break;
    
41.                      case "1":
    
42.                                       ddv = gcdv.createTextLengthValidator(1,
    
43.                                                       100,
    
44.                                                       100);
    
45.                                                 break;
    
46.                      case "12":
    
47.                                       ddv = gcdv.createTextLengthValidator(1,
    
48.                                                       100,
    
49.                                                       100);
    
50.                                   break;
    
51.                  default :
    
52.                         ddv = gcdv.createTextLengthValidator(5,
    
53.                             isNaN(minVal) ? minVal : parseInt(minVal),
    
54.                             isNaN(maxVal) ? maxVal : parseInt(maxVal));
    
55.                         break;
    
56.                 }
    
57.              
    
58.              if (ddv != null) {
    
59.                     ddv.errorMessage(0);//事件
    
60.                     ddv.errorStyle();//stop warning infomation
    
61.                     ddv.errorTitle();//事件
    
62.                     ddv.showErrorMessage(false);//是否错误提示信息
    
63.                     if(required == 1){
    
64.                             ddv.ignoreBlank(false);//必须输入
    
65.                     }else{
    
66.                             ddv.ignoreBlank(true);//非必须
    
67.                     }
    
68.                     ddv.showInputMessage(false);//是否显示提示信息
    
69.                     ddv.inputTitle();//显示提示信息的标题
    
70.                     ddv.inputMessage();//显示提示信息的文本
    
71.                    
    
72.                 
    
73.                 sheet.setDataValidator(row, col, 1, 1, ddv);
    
74. 
    
75.                
    
76.                 }
    
77.        

复制代码

调用下面的方法是，就会出现闪烁

1. me.CellDataValidation(row,col,sheet,data[i]);

复制代码

收到，我这边看一下能否重现问题。

上面遮罩层是怎样实现的。在您遮罩层的dom中有没有加入gcUIElement="gcEditingInput"这个属性。如果没有您加入后在试一下还有没有这个问题。
就像下面这个demo这样，在spread之外的内容需要加入gcUIElement="gcEditingInput"这个属性。
https://runjs.cn/code/g2avvjdl

如果还是不行，请提供一个完整demo。我帮您看一下。

ClarkPan 发表于 2018-7-20 17:30
上面遮罩层是怎样实现的。在您遮罩层的dom中有没有加入gcUIElement="gcEditingInput"这个属性。如果没有您 ...

好的，我这边测试一下您说的方法，遮罩使用的是Ext的，在添加遮罩之前，好像就有这个闪烁问题

您试一下如果还有问题，那就提供一个能够重现问题的简单demo，我们详细的调研一下。

ClarkPan 发表于 2018-7-23 14:35
您试一下如果还有问题，那就提供一个能够重现问题的简单demo，我们详细的调研一下。

demo已上传

收到，我看一下，明天给您回复。

ClarkPan 发表于 2018-7-23 18:13
收到，我看一下，明天给您回复。

给您发的demo看了吗，这种问题可以解决吗

是这样的，这句代码注释掉就好了

这里是不能清空tag的，重绘时需要用到。
否则会导致循环重绘，如果您设置tag是想根据单元格中填写的内容实时进行重绘，这样的话需要在valuechange事件中做，在事件中判断单元格是否发生了变化，发生了变化在去清空tag，然后手动调用repaint进行重绘。

ClarkPan 发表于 2018-7-25 17:48
是这样的，这句代码注释掉就好了

这里是不能清空tag的，重绘时需要用到。

测试了一下，确实有效果，问题解决了，非常感谢！！