![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ant design pro
沐歌丨丶
这个作者很懒,什么都没留下…
展开
-
ProTable/EditableProTable 无法用formRef.current.setFieldsValue修改table某一行的值
上图可以看到打印出来的key是下标,值为每一行的表格数据,所以可以通过下标(index)或者rowKey也就是绑定的id拿到每一条数据,然后在赋值整个table即可。ProTable的编辑表格(开启editable),无法用formRef.current.setFieldsValue修改某一行的值,坑又来了…需要做个包装,Table外层增加ProForm和ProFormItem,ProTable增加属性name="xx"即可解决。原创 2024-04-28 16:06:37 · 251 阅读 · 0 评论 -
ProTable/EditableProTable修改表单保存后 刷新界面数据不更新
编辑表格保存后,接口拿到最新表格数据,但是界面没有刷新。本以为是加个id给表格就能刷新的,没想到需要重置表单。表格数据变更后需要重置表单 form.resetFields()原创 2024-04-26 17:32:06 · 535 阅读 · 0 评论 -
2024最新 基于ant design pro 6实现多tab页(路由keepalive) 切换tab可刷新页面(可配置非缓存路由) 右键菜单 删除其他/删除左侧菜单/删除右侧菜单/刷新/刷新当前
其实ant pro已经内置了多tabs页面,无需手写 alitajs,点我打开官网基本都是官网上贴的的代码,少量修改即可// 获取路由keepAlive为false的路径的函数if (route?if (route?const flatList: string[] = getNotKeepAlive(routes)//拿到路由keepAlive为false的路径数组//这是默认配置项,代码不贴了//核心代码return ({isKeep,原创 2024-03-28 18:01:49 · 835 阅读 · 0 评论 -
react自定义鼠标右键菜单,跟随鼠标右键位置展示
我的练习项目用的是ant design pro,直接上代码项目demo地址 点我打开import React, { useState, useRef, useEffect } from 'react';import { message } from 'antd';import styles from './index.less';const Index = () => { const [visible, setVisible] = useState<boolean>(fals原创 2022-01-05 10:39:53 · 3346 阅读 · 0 评论 -
ant design pro v6如何引入第三方js?如腾讯地图等!
由于ant pro隐藏.html,需要通过他们约定的方式引入即可。原创 2023-10-16 14:11:55 · 669 阅读 · 0 评论 -
ant-design-pro v6 日期组件显示英文的问题解决!
【代码】ant-design-pro v6 日期组件显示英文的问题解决!原创 2023-10-10 09:02:23 · 350 阅读 · 0 评论