一个可编辑列的isRequired值设置为默认值（null）会导致一个现象

可编辑列的isRequired值设置为默认值（null）

现象一：
第一行数据的改列值为null,该列的其他行即使有值也删不掉
现象二：
第一行数据的改列值不为null,该列的其他行如果有值可以删掉

想知道最初的预想现象是什么~~isRequired默认值的应场景应该是什么

※country为例
现象一代码：

1. <template>
   
2.     <div class="container-fluid">
   
3.         <!-- the grid -->
   
4.         <wj-flex-grid
   
5.             :itemsSource="data"
   
6.             :initialized="initializeGrid">
   
7.             <wj-flex-grid-column binding="id" header="ID" :width=50 :isReadOnly=true></wj-flex-grid-column>
   
8.             <wj-flex-grid-column binding="country" header="Country"></wj-flex-grid-column>
   
9.             <wj-flex-grid-column binding="sales" header="Sales" :isRequired=false></wj-flex-grid-column>
   
10.             <wj-flex-grid-column binding="expenses" header="Expenses" :isRequired=false></wj-flex-grid-column>
    
11.             <wj-flex-grid-column binding="overdue" header="Overdue"></wj-flex-grid-column>
    
12.         </wj-flex-grid>
    
13.     </div>
    
14. </template>
    
15. 
    
16. <script>
    
17. import "@grapecity/wijmo.styles/wijmo.css";
    
18. import "bootstrap.css";
    
19. import Vue from "vue";
    
20. import { WjGridModule } from '@grapecity/wijmo.vue2.grid';
    
21. import * as wjcGrid from '@grapecity/wijmo.grid';
    
22. 
    
23. 
    
24. new Vue({
    
25.           el: "#app",
    
26.           data: {
    
27.         data: null
    
28.     },
    
29.     methods:{
    
30.         initializeGrid(flex){
    
31.             this.data = this._getData();
    
32.             flex.beginningEdit.addHandler((s, e) => {
    
33.                 let item = s.rows[e.row].dataItem;
    
34.                 if (item.overdue) { // prevent editing overdue items
    
35.                     e.cancel = true;      
    
36.                 }
    
37.             });
    
38.         },
    
39.         _getData() {
    
40.             // create some random data
    
41.             let countries = 'US,Germany,UK,Japan,Italy,Greece'.split(','),
    
42.                 data = [];
    
43.                 data.push({
    
44.                     id: '-1',
    
45.                     country: null,
    
46.                     sales: Math.random() * 10000,
    
47.                     expenses: Math.random() * 5000,
    
48. 
    
49.                 });               
    
50.             for (let i = 0; i < countries.length; i++) {
    
51.                 data.push({
    
52.                     id: i,
    
53.                     country: countries[i],
    
54.                     sales: Math.random() * 10000,
    
55.                     expenses: Math.random() * 5000,
    
56.                     overdue: i % 4 == 0
    
57.                 });
    
58.             }
    
59.             return data;
    
60.         }
    
61.     }
    
62. });
    
63. </script>
    
64. 
    
65. <style>
    
66.     .wj-flexgrid {
    
67.         max-height: 200px;
    
68.         margin-bottom: 12px;
    
69.     }
    
70. 
    
71.     body {
    
72.         margin-bottom: 24px;
    
73.     }
    
74. </style>
    
75. 
    

复制代码

现象二代码：

1. <template>
   
2.     <div class="container-fluid">
   
3.         <!-- the grid -->
   
4.         <wj-flex-grid
   
5.             :itemsSource="data"
   
6.             :initialized="initializeGrid">
   
7.             <wj-flex-grid-column binding="id" header="ID" :width=50 :isReadOnly=true></wj-flex-grid-column>
   
8.             <wj-flex-grid-column binding="country" header="Country"></wj-flex-grid-column>
   
9.             <wj-flex-grid-column binding="sales" header="Sales" :isRequired=false></wj-flex-grid-column>
   
10.             <wj-flex-grid-column binding="expenses" header="Expenses" :isRequired=false></wj-flex-grid-column>
    
11.             <wj-flex-grid-column binding="overdue" header="Overdue"></wj-flex-grid-column>
    
12.         </wj-flex-grid>
    
13.     </div>
    
14. </template>
    
15. 
    
16. <script>
    
17. import "@grapecity/wijmo.styles/wijmo.css";
    
18. import "bootstrap.css";
    
19. import Vue from "vue";
    
20. import { WjGridModule } from '@grapecity/wijmo.vue2.grid';
    
21. import * as wjcGrid from '@grapecity/wijmo.grid';
    
22. 
    
23. 
    
24. new Vue({
    
25.           el: "#app",
    
26.           data: {
    
27.         data: null
    
28.     },
    
29.     methods:{
    
30.         initializeGrid(flex){
    
31.             this.data = this._getData();
    
32.             flex.beginningEdit.addHandler((s, e) => {
    
33.                 let item = s.rows[e.row].dataItem;
    
34.                 if (item.overdue) { // prevent editing overdue items
    
35.                     e.cancel = true;      
    
36.                 }
    
37.             });
    
38.         },
    
39.         _getData() {
    
40.             // create some random data
    
41.             let countries = 'US,Germany,UK,Japan,Italy,Greece'.split(','),
    
42.                 data = [];            
    
43.             for (let i = 0; i < countries.length; i++) {
    
44.                 data.push({
    
45.                     id: i,
    
46.                     country: countries[i],
    
47.                     sales: Math.random() * 10000,
    
48.                     expenses: Math.random() * 5000,
    
49.                     overdue: i % 4 == 0
    
50.                 });
    
51.             }
    
52.             return data;
    
53.         }
    
54.     }
    
55. });
    
56. </script>
    
57. 
    
58. <style>
    
59.     .wj-flexgrid {
    
60.         max-height: 200px;
    
61.         margin-bottom: 12px;
    
62.     }
    
63. 
    
64.     body {
    
65.         margin-bottom: 24px;
    
66.     }
    
67. </style>
    
68. 
    

复制代码

和研发确认的情况如下

默认情况下，Wijmo FlexGrid 不允许空单元格值，并且它不允许您删除单元格值，除非您将该列的 ：isRequired 属性显式设置为 false。

因此，如果删除 ：isRequired=false，则将应用不允许空值的默认行为。

isRequired默认值是null，但是等同于false，也就是不对列数据做限制，只有true的时候，该单元格有值的时候才不能删除

请 上传一个完成的demo上来重现你说的问题

Richard.Ma 发表于 2023-10-16 18:12
isRequired默认值是null，但是等同于false，也就是不对列数据做限制，只有true的时候，该单元格有值的时候 ...

https://demo.grapecity.com.cn/wijmo/demos/Grid/Editing/Read-only/vue

例如这个demo，把binding="country"的isRequired属性移除，使用其默认属性
在首行插入一条country为null的数据
部分代码如下：

1.             // create some random data
   
2.             let countries = 'US,Germany,UK,Japan,Italy,Greece'.split(','),
   
3.                 data = [];
   
4.             
   
5.             //在第一行插入一条country为null的数据
   
6.                 data.push({
   
7.                     id: '-1',
   
8.                     country: null,
   
9.                     sales: Math.random() * 10000,
   
10.                     expenses: Math.random() * 5000
    
11.                 });

复制代码

这个时候即使其他country列有值。也删除不了。

我们项目就是产生了一个类似的bug，所以想知道设置为默认值时的应用场景是什么

这个问题已经重现了，原因得和研发确认，看看是否是bug，还是设计如此

另外，如果你那边要暂时解决问题的话，可以将文本字段设置为空字符串“”来替代null，是可以解决这个问题的。

Richard.Ma 发表于 2023-10-17 17:35
这个问题已经重现了，原因得和研发确认，看看是否是bug，还是设计如此

另外，如果你那边要暂时解决问题 ...

好的，谢谢，确认好麻烦告知下，需和客户解释

好的，会在帖子中回复