un10.17:实现根据某个字段的状态展示其他字段的回显功能。

水深无声 2023-10-11 18:41 19阅读 0赞

项目中，我们经常会遇到那种根据某个字段的状态展示其他字段的情况，比如，根据某个字段的状态展示某个字段的内容，小编今天就来给大家分享一下。

我想要实现的功能是：根据上报的状态来实现管理关系的状态，如图：

1、待上报时默认是管理。

![ae9d81f48c2747e086433e8fa0f92279.png][]

2、已上报时根据未上报来更改管理关系。

![1ca5d2a8bd0e413cab3ab97758415027.png][]

3、功能实现，下面每一步都有注释，代码如下。

name: 'manage',
                    formatter: function (cellvalue, options, rowObject) {
                        //rowObject代表整个数据库的内容，cellvalue代表此字段数据内容
                        //根据上报状态展示管理关系的状态
                        if (rowObject.upStatus == 0 ){
                        //如果上报状态是待上报，那么返回投资和管理，默认为管理
                            return  "<select id='boot"+rowObject.id+"' class='select' name='boot' data-size='8'>" +
                                "<option  value='2' selected='selected'>管理</option><option value='1'>投资</option></select>";
                        }else {//否则如果管理关系为1，返回“投资”
                            if (rowObject.manage== "1"){
                                return "投资";
                            }else if (rowObject.manage== "2"){
                            //如果管理关系为2，返回“管理”
                                return "管理";
                            }
                            else{//否则，返回“-”
                                return "-";
                            }
                        }
                    }

如此，我们便可以实现根据某个字段的状态展示另一字段的不同状态的功能了。

[ae9d81f48c2747e086433e8fa0f92279.png]: https://img-blog.csdnimg.cn/ae9d81f48c2747e086433e8fa0f92279.png
[1ca5d2a8bd0e413cab3ab97758415027.png]: https://img-blog.csdnimg.cn/1ca5d2a8bd0e413cab3ab97758415027.png