项目中根据状态条件来显示删除按钮时遇到的问题
2016-12-19 13:42
246 查看
在项目中遇到这样一个问题,如下图:
只有当状态是‘已关闭’的时候才会显示删除按钮
开始用的方法是这样的
控制按钮显示的条件是issueDatas.state==5;这样导致的一个问题就是
在修改时,只要点击了下拉框选择了‘已关闭’,这时还没有执行保存,但是删除按钮就会显示出来,那么就可以执行删除操作,这个逻辑是错误的,应该在改变了状态以后先保存,把数据传到后台保存后,才能执行删除的动作,解决这个问题的方法是使用watch监听this.issueDatas.state,
这个方法可以解决第一个问题,但是缺点是,当点击了一条‘已关闭’的数据关闭以后,再点开其他状态的一条数据,比如是‘进行中’,这时那个删除按钮也会出现在这条进行中的数据中,这是不允许的,只有在已关闭的数据中才能进行删除操作,这2种方法各有优缺点,解决的这2个问题的方法就是把这2个方法结合起来使用
删除按钮显示的条件改成delbtnShow&&issueDatas.state==5,那么就会解决这2个问题
只有当状态是‘已关闭’的时候才会显示删除按钮
开始用的方法是这样的
<div title="删除" style="cursor: pointer;width: 30px;text-align: center;font-size:20px;" class="fr task-delete" v-if="issueDatas.state==5"> <i class="fa fa-trash-o" @click="del(issueDatas.id)"></i> </div>
控制按钮显示的条件是issueDatas.state==5;这样导致的一个问题就是
在修改时,只要点击了下拉框选择了‘已关闭’,这时还没有执行保存,但是删除按钮就会显示出来,那么就可以执行删除操作,这个逻辑是错误的,应该在改变了状态以后先保存,把数据传到后台保存后,才能执行删除的动作,解决这个问题的方法是使用watch监听this.issueDatas.state,
watch:{ issueDatas:function(){ if(this.issueDatas.state==5){ this.delbtnShow=true; }; } }
这个方法可以解决第一个问题,但是缺点是,当点击了一条‘已关闭’的数据关闭以后,再点开其他状态的一条数据,比如是‘进行中’,这时那个删除按钮也会出现在这条进行中的数据中,这是不允许的,只有在已关闭的数据中才能进行删除操作,这2种方法各有优缺点,解决的这2个问题的方法就是把这2个方法结合起来使用
<div title="删除" style="cursor: pointer;width: 30px;text-align: center;font-size:20px;" class="fr task-delete" v- if="delbtnShow&&issueDatas.state==5"> <i class="fa fa-trash-o" @click="del(issueDatas.id)"></i> </div>
删除按钮显示的条件改成delbtnShow&&issueDatas.state==5,那么就会解决这2个问题
相关文章推荐
- Odoo8.0根据资料的条件来控制画面上的修改、删除按钮显示
- 根据条件,隐藏或显示gridview中的按钮或其他控件,
- 根据抵质押物类型设置合同详情中的显示标题时遇到的一个问题
- 1怎样让输入的text文本填写的部分只添加数字、2怎样将输入的数字一次性全部删除 3怎样选择密码 让它不显示 4 怎样实现在没有return的情况下点击button的情况下就能够使键盘页面下落5 怎样实现点击指定的button来对使指定的text进行键盘弹出 6怎样改变button按钮的状态
- 项目中使用监听网络的广播,没网提示view显示,有网提示view隐藏,在网络状态切换时,在布局下方出现空白条的问题。
- 使用 通用mapper时 根据主键进行 删除 更新操作 遇到的问题
- 【转】根据条件修改GridView命令按钮显示的文字
- ReactJS前端项目 问题与解决记录(刚接触前端,根据项目中遇到的坑持续更新)
- hibernate中删除表遇到主键被外键引用违反完整约束条件不能删除的问题
- MVC权限管理系统dwpro项目分配按钮没有显示的问题
- ionic 项目在iOS上picker不显示done完成按钮问题解决
- dojo grid遇到的问题 点击按钮“全选”'删除"无法实现
- 按钮的背景图片根据状态的不同而显示不同的图片,网上有介绍相关的方法。
- 在vs环境中两项目删除其中一个项目解决方案不显示的问题
- 实际项目中遇到的问题之SQL根据某一字段值相同合并字符串
- 根据条件,隐藏或显示gridview中的按钮或其他控件,
- JAVA hibernate中删除表遇到主键被外键引用,违反完整约束条件,不能删除的问题
- Myeclipse的使用方法-添加,修改,删除JRE,修改项目中的jre不显示问题
- 监听EditText输入状态,根据是否有输入内容显示ImageButton(清空按钮)
- 遇到的有关myeclipse异常问题(导入jquery项目显示红叉,加载非本机项目报错)