{ align: "center", dataIndex: "archiveStatus", title: "归档状态", key: "archiveStatus", valueEnum: { 0: "合同审批中", 1: "盖章", 2: "快递", 3: "归档", }, width: 60, }根据所在列的record的某一属性值显示不同的valueEnum
时间: 2023-07-19 20:03:36 浏览: 40
您可以使用valueEnum的函数形式来实现这个需求。具体实现方式如下:
```{ align: "center", dataIndex: "archiveStatus", title: "归档状态", key: "archiveStatus", valueEnum: (text, record, index) => { switch(record.archiveStatus) { case 0: return "合同审批中"; case 1: return "盖章"; case 2: return "快递"; case 3: return "归档"; default: return ""; } }, width: 60, }```
这里的valueEnum是一个函数,它会接收三个参数:text、record和index。其中,text表示当前单元格的文本值,而record则表示当前行的数据对象,index是当前行的索引值。
在函数体内,我们可以使用switch语句来根据record的archiveStatus属性值返回不同的文本值,从而实现根据所在列的record的某一属性值显示不同的valueEnum的需求。
相关问题
{ align: "center", dataIndex: "archiveStatus", title: "归档状态", key: "archiveStatus", valueEnum: { 0: "合同审批中", 1: "盖章", 2: "快递", 3: "归档", }, width: 60, }根据record的某一属性值显示不同的valueEnum
可以使用valueEnum的回调函数来根据record的属性值动态生成不同的选项:
```javascript
{
align: "center",
dataIndex: "archiveStatus",
title: "归档状态",
key: "archiveStatus",
valueEnum: (record) => {
if (record.archiveStatus === 0) {
return { 0: "合同审批中" };
} else if (record.archiveStatus === 1) {
return { 1: "盖章" };
} else if (record.archiveStatus === 2) {
return { 2: "快递" };
} else if (record.archiveStatus === 3) {
return { 3: "归档" };
}
return {};
},
width: 60,
}
```
在这个例子中,如果record的archiveStatus属性值为0,那么valueEnum就只显示一个选项"合同审批中";如果archiveStatus属性值为1,那么valueEnum就只显示一个选项"盖章";以此类推。如果archiveStatus属性值不在0、1、2、3之间,那么valueEnum就返回一个空对象,不显示任何选项。
TS2339: Property 'dataIndex' does not exist on type 'number'
这个错误提示是 TypeScript 给出的,意思是在一个类型为 number 的数据上访问了一个名为 'dataIndex' 的属性,但是 number 类型并没有这个属性。
你需要检查一下代码,在哪里使用了一个类型为 number 的数据,并且尝试访问了 'dataIndex' 属性。可以考虑修改代码,或者将该数据类型更改为包含 'dataIndex' 属性的类型。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)