ModalForm的使用

管理 管理 编辑 删除

一、ModalForm销毁

配置了modalProps={{ destroyOnClose: true }},弹框在隐藏时会销毁,同时清除原有数据。

22c0620230316165849455.png

二、ModalForm编辑赋值

首先发现有一个初始值赋值方法initialValue,但是使用后一直显示原来的值,这样就无法使用,但是在第一步,配置了销毁ModalForm,那么每次打开弹框都是新赋的值,这样就解决了初始值不变的问题。

添加页的弹框大部分都不需要初始值,就无需处理,主要是列表编辑页面,参考TableList的方法,点击列表编辑按钮时,使用currentRow给表单赋值即可,如果不配置销毁,那初始值只会赋值一次,每次点开编辑弹框,都是第一次点开的值,配合上销毁ModalForm,可以每次给表单重新赋值,这样编辑页问题整个都解决了。

列表编辑按钮给currentRow赋值

bba45202303161700023825.png

编辑弹框ModalForm的销毁和初始化赋值

e5f1a202303161700574481.png

三、ProFormUploadButton赋值

经过测试,给ProFormUploadButton赋值有三种方式:

1、fieldList:原upload组件的赋值方式

2、value:upload组件转换成ProFormUploadButton后的赋值方式

3、initialValue:form组件默认的赋值方式

经测试,三种方式都可以显示图片,但是前两种图片显示后,删除操作失效了,也许因为未知的原因,但我测试的时候点击删除无反应,也无法重新选择图片,第三种方式确认可行,可正常显示,也可删除后重新选择图片上传

78d60202303161703215960.png

赋值的格式参考官网给出的格式,给出四个参数就可以[{uid:'-1',name:'xxx.png',status:'done',url:'http://xxxxx.com/xxx.png'}]

45ebf202303161704181968.png

四、其它

ProFormRadio.Group配置默认值,注意可选值类型和默认值类型要保持一致,我这里没有保持一致纠结了好长时间。

错误写法:设置人员性别,可选值value加了引号,initialValue设置后一直不显示选中的值

22fe420230316170513464.png

去掉引号,默认值就选中了

f0771202303161705577444.png

另外新发现,ModalForm里面的组件,不管是ProFormText、ProFormTextArea、ProFormRadio等等,必须设置名字,name="xxx",否则都赋不上值。


CRMEB-暮白寒窗雪 最后编辑于2023-03-16 17:07:00

回复({{post_count}})
回复从新到旧

{{item.user_info.nickname}} {{item.user_info.is_threads ? '(管理员)' : item.user_id == thread_uid ? '(作者)' : ''}}

{{item.user_name}} {{item.user_info.is_threads ? '(管理员)' : item.user_id == thread_uid ? '(作者)' : ''}}

{{item.user_info.title}}
{{item.created_at}}  {{item.user_info.ip_address}}
{{item.like_count}}
{{item.showReply ? '取消回复' : '回复'}}
删除
回复

{{itemc.user_info.nickname}}

{{itemc.user_name}}

{{itemc.user_info.is_threads ? '(管理员)' : itemc.user_id == thread_uid ? '(作者)' : ''}}

回复 {{itemc.comment_user_info.nickname}}

{{itemc.created_at}}   {{itemc.user_info.ip_address}}
{{itemc.like_count}}
{{itemc.showReply ? '取消回复' : '回复'}}
删除
回复
查看更多
回复
添加回复 ({{post_count}})
71
{{like_count}}
{{collect_count}}

相关推荐

CRMEB-暮白寒窗雪 管理员
社区运营专员---高冷のBoy | 呆萌のGirl

回答

595

发布

829

经验

14894

内容精选
{{item.title}}
{{item.created_at}}
{{item.fic_view_count}}
换一批

快速安全登录

使用微信扫码登录
经验说明

1、发布新帖子,每发布一条帖子可获得20个经验,每天最多可获取200个经验;

2、发布新回复,每发布一条回复可获得10个经验,每天最多可获取200个经验;

3、发布的帖子被管理员设置为精华帖,每被加精一次可获得10个经验,无上限;

4、发布帖子被回复一条,加2个经验,无上限;

5、发布帖子被点赞一个或发布评论被点赞加5个经验,无上限;

6、论坛首页大神积分排行榜,统计90天以内获取的累积经验值进行排序。

7、技术社区经验和官方商城用户经验同步,累计经验值会提升商城会员等级,购买官方商城产品享受对应会员等级折扣

确定
{{item.label}} 首页头条 首页动态 加精 板块推荐 取 消 确 定
回复
CRMEB客服

CRMEB咨询热线 咨询热线

400-8888-794

微信扫码咨询

CRMEB开源商城下载 开源下载 CRMEB官方论坛 帮助文档
返回顶部 返回顶部
CRMEB客服