clojurescript 之 Modal+Form表单提交数据后,清空form表单控件的值

本文介绍了在ClojureScript中,使用Modal+Form表单提交数据后如何清空表单控件的值。通过设置Modal弹窗的afterClose属性,在关闭弹窗时自动清空表单数据,确保下次打开时表单为空。
摘要由CSDN通过智能技术生成

需求:
form表单新增内容提交数据后,下次在打开form表单,发现form表单的控件上还是保持上一次的值,我们的期望是再次新增打开form表单的时候,form表单是没有数据的。

那么怎么解决呢?

  1. Modal+form表单形式的form表单

第一次代码:

(defn sys-user-form []
  (utils/create-form
   (fn [props]
     (let [this (utils/get-form)
           item-col {:labelCol {:span 5} :wrapperCol {:span 15}}
           visible @(rf/subscribe [:user/sys-user-add-modal-visible])
           data @(rf/subscribe [:user/user-add-info])]
       [:> ant/Modal {:title (str "新建" (:nickname data) "的系统账号")
                      :closable false
                      :visible visible
                      :onCancel (fn []  (rf/dispatch [:user/sys-user-add-modal-event]))
                      :onOk (fn []
                              ((:validateFieldsAndScroll this)
                               (fn [err values]
                                 (when (not err)
                         
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值