Angular-Ej2的Schedule控件里的Popup弹出框一旦点击保存按钮,就一定会被关闭的问题。

问题描述:

日程表控件上,双击日程,调出Popup窗口,进行事件输入。这时候想在保存的时候,进行一个数据库端的判断,判断输入内容是否符合业务逻辑。这时无论后台返回的是什么,发现这个控制框一定会关闭。这样用户输入的信息就没了,虽然输入内容不合法,但是让客户重新进页面并输入的话,体验比较差。不太合理。

问题原因:

看起来是个简单的同步异步线程处理的问题,即主线程中,开一个往后台访问的业务逻辑,前端没等后台返回内容,就关闭了。但是因为是别人家的写好的控件,所以比较复杂。(async.await什么的异步同步控制都尝试了,并没有效果,窗口还是关掉了)

其实,调查发现当点击保存按钮的时候,后台调用方法的顺序是:onPopupClose(),onActionBegin(),onActionComplete()一连串下来的。

第一版代码写的时候,只有onActionBegin(),onActionComplete()方法。后台访问的业务逻辑放在了onActionComplete()中。但是 args.cancle=true(取消动作代码,即让Popup窗体不关闭)这个代码在onActionComplete()中是无法生效的。(跟控件的开发团队Syncfusion Team问来的)

问题解决:

方法一:看了原因可能也知道了,就是把onActionComplete()中的访问后台代码,挪到onPopupClose中进行处理。但是args.cancle=true这个代码要放到 await this.http.post....请求之前。这样才能让窗口的关闭操作停下来(同时也不会在往后进入onActionComplete()了)

方法二:完全绕开这个问题,直接在输入的时候,输入框那里添加一个后台验证操作。但是这样的话,有一个问题就是当你输入的时候数据OK,但是在你点保存前,有别人也进行同样输入的时候,你输入的可能不合法了,但是因为时间差的存在,你不知道。小概率事件,根据自己的需求进行取舍吧。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值