7.ProTable必填的查询表单_传递给 form.item 的配置,可以配置 rules,但是默认的查询表单 rules 是不生效的_加油站站站的博客-CSDN博客
7.ProTable必填的查询表单
加油站站站
已于 2022-11-24 18:24:42 修改
345
收藏
分类专栏：
AntDesignPro踩坑
文章标签：
react
ant design
于 2022-11-24 17:59:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Gas_station/article/details/128023610
版权
AntDesignPro踩坑
专栏收录该内容
9 篇文章
1 订阅
订阅专栏
一、问题的描述
根据文档配置了查询条件必填的配置，但一直无法生效。如下：
const columnsTab = [
title: '设备序列号',
dataIndex: 'uuid',
ellipsis: true,
initialValue: deviceUuid || '',
fieldProps: { disabled: deviceUuid ? true : false },
formItemProps: {
rules: [
required: true,
message: '请输入设备序列号'
},
],
},
hideInTable: true,
align: 'center',
},
二、正常的预期是什么？
期望跟官网一样的提示效果
三、问题产生的原因分析
只能睁大眼睛，与官网例子一一对应，后面看到以下多了这段配置，查了文档才知道这么一回事
form={{
ignoreRules: false,
}}
四、问题的解决方案
根据API文档说明：传递给 Form.Item 的配置,可以配置 rules，但是默认的查询表单 rules 是不生效的。需要配置 ignoreRules
所以需要在ProTable 上配置这个ignoreRules 好家伙！
<ProTable
form={{
ignoreRules: false,
}}
/>
OK，收工！如果可以实现记得点赞分享，谢谢老铁～
加油站站站
关注
关注
点赞
收藏
觉得还不错?
一键收藏
打赏
知道了
评论
7.ProTable必填的查询表单
ProTable必填的查询表单,根据文档配置了查询条件必填的配置，但一直无法生效
复制链接
扫一扫
专栏目录
FolderSync Pro 2.9.7.126.apk
03-26
FolderSync Pro是一款支持国外所有主流网盘的同步工具，有了这个工具，就免去安装众多网盘应用的繁琐。
ProTable实现自定义查询条件
yuanbo_520的博客
02-22
538
ProTable 自定义查询条件
参与评论
您还未登录，请先
登录
后发表或查看评论
ant design Pro Protable可编辑表格针对某行进行设置
qasw460326327的博客
11-05
3394
工作过程中因为被选型图坑了 在使用Protable过程中，有需要对某行或者某几行进行特殊化处理。网上好像暂时好像没找到对应方法，故记录一下。
因为Protable的formItemProps是对列进行设置的，所以想要针对某行需要使用到renderFormItem来修改。
以下是设置：
const columns: ProColumns<DataSourceType>[] = [
title: '序号',
dataIndex: 'index',
ProTable的时间范围筛选条件valueType: ‘dateTimeRange‘
最新发布
weixin_67150966的博客
03-17
129
valueType: 'dateTimeRange',
ant-design-pro protable columns配置rules必填项无效问题
qq_41157351的博客
08-31
1131
ant-design-pro protable columns配置rules必填项无效问题
Sniffer Protable抓包视频教程.zip
05-24
目录
01_sniffer介绍.mp4
02_loopbackmode.mp4
03_montorP1.mp4
04_montorP2.mp4
05_抓包过滤器设置.mp4
06_抓包触发器和简单专家分析.mp4
07_菜单栏整体介绍.mp4
08_结束.mp4
ProTable 自定义查询表单项 -- 树结构（SelectTree）
小子宝丁的博客
09-27
3334
示例 ProTable 自定义查询表单项的方法，以树形为例。以解决官方提供的valueType 不够用时的尴尬。
antdPro - ProTable 实现两个选择框联动效果
名人卷耶
06-08
1839
antdPro实现选择框联动效果
proTable--Request获取数据--actionRef 触发更新
weixin_65969505的博客
12-02
1663
proTable列表中，使用Request获取数据，actionRef 触发更新
阿里的protable组件的实用汇总!
H5CaiNiao的博客
09-06
1488
renderFormItem : (item,{ type, defaultRender, formItemProps, fieldProps, ...rest },form) => ReactNode 看的出来这个形式最后返回的是节点或者是组件,这个可以支持自定义搜索表头,包括所有antd的所有组件,可以根据不同需求定制。formRef可以用react的 useRef来赋值,就可以获取到表格实例,可以在任何地方调用高级表格的api,注意:api的名字不太一样,可以打印看看。
PDF编辑器PDF-XChange.Editor.Plus_7.0.328.1.Protable.rar
04-06
PDF-XChange.Editor.Plus_7.0.328.1.Protable是比Acrobat DC开发更早的pdf编辑器，但是远比后者体积小反应快，功能上超越Acrobat DC，亲们用用这个绿的便携版就知道了
vMix.Pro.23.0.0.68.rar
02-27
vmix Pro 是一款来自澳大利亚的视频混合软件，可以完美支持Windows 7/8以及最新的Windows 10系统，其强大之处在于用电脑软件某种程度上代替了专业混合设备，支持多种视频格式，适用于演播室多通道摄像机切换及虚拟...
FontAwesome.Pro.5.15.1.Web.rar
08-06
FontAwesome.Pro.5.15.1 商业收费网络版，使用方法(兼容v4版)： ``` import './FontAwesome.Pro.5.15.1.Web/css/all.min.css' import './FontAwesome.Pro.5.15.1.Web/css/v4-shims.min.css' ${name}`" aria-hidden=...
KeyShot 7 Pro.rar.torrent
06-24
只要匯入3D模型 即可即時3D彩現 令人驚豔的擬真~或其他特殊效果 方便快速確認3D設計結果!!!
HTTP.Debugger.Pro.7.x.Crack.rar
05-07
HTTP.Debugger.Pro.7.x.Crack.rar 网络抓包软件 使用方法: 安装原版后,把kg.exe放到安装目录运行.
iview formItem动态绑定props，实现验证
ys_dd的博客
08-05
1233
代码如下：
规则的绑定如下：
在form表单里动态绑定rules，绑定的值ruleValidate如下：
实现验证代码如下：
this.$refs[name]中的name就是form表单绑定的ref的值。
ESLint 推荐的rules收集
weixin_34233421的博客
02-02
1083
笔者花了一个下午的时间把 ESLint 推荐的 rules 进行了总结。把官网rules打勾的部分写成了 MD 文档，并把每个 rules 里面的说明和示例也搞出来放一起了。在这里把它贡献出来。
博客维护在github上，欢迎给一个star!!!
个人小站 => huangmiantong.cn
no-compare-neg-zero
禁止与 -0 进行比较
Rule Detail...
el-form表单el-form-item验证规则里prop一次验证两个或多个值
Ypromise-的博客
06-04
8844
需求
要在表单的el-form-item 一次验证两个值，都不能为空
图示：
下图是圈起来的地方是我吗要验证的第一个值
方法
在验证规则rules里，要验证的值里加上validator验证规则，“valTowValue”是自己定义的。
紧接着在data下定义validator验证规则。
如果一个el-form-item里要验证多个，方法同理，在valTowValue里多判断几个就行了。
...
QT项目没有.pro文件
02-01
如果您的 QT 项目没有 .pro 文件，则可能是因为这个项目是使用 qmake 构建的而不是使用 QT Creator 创建的。在这种情况下，您可以使用 qmake 命令来构建项目。
如果您希望使用 QT Creator 来构建和编辑项目，则可以使用 QT Creator 创建新项目并将现有代码添加到新项目中。这样，您就可以在 QT Creator 中使用 .pro 文件来管理和构建项目。
如果您希望使用 qmake 来构建项目，则可以使用以下命令：
```
qmake -project
```
这将创建一个名为 "project.pro" 的 .pro 文件，其中包含了您项目的相关信息。然后，您可以使用以下命令来构建项目：
```
qmake
make
```
这些命令将使用 .pro 文件来生成 Makefile，然后使用 Makefile 来构建项目。
总的来说，使用 .pro 文件和 QT Creator 是更方便的方法，但是如果您希望使用命令行来构建项目，则可以使用 qmake 和 make 命令。
“相关推荐”对你有帮助么？
非常没帮助
没帮助
一般
有帮助
非常有帮助
提交
加油站站站
CSDN认证博客专家
CSDN认证企业博客
码龄6年
暂无认证
81
原创
7万+
周排名
1万+
总排名
9万+
访问
等级
1643
积分
16
粉丝
39
获赞
52
评论
62
收藏
私信
关注
热门文章
vue (iview)根据权限控制columns 的某列显示与隐藏（通用）
8989
iviewUI Checkbox 多选框 多组全选或者全不选的问题
7933
5.Trading View 自定义初始化指标线（平均移动线等），设置颜色
6869
Vue开发中regeneratorRuntime is not defined
6755
iview 日期控件类型type=“datetimerange“ 表单校验规则
4722
分类专栏
mapBox地图
4篇
es6+
2篇
vue
8篇
react
3篇
工具使用
17篇
随手笔记
7篇
工具类
11篇
AntDesignPro踩坑
9篇
多媒体查询
2篇
iview 踩坑
13篇
TradingView踩坑
5篇
upload
2篇
面试经验
2篇
国际化
1篇
数组
1篇
Git
1篇
webpack
1篇
最新评论
mapBox 加载后自动定位到IP归属地
加油站站站:
Hi~ 我写的就是主要核心代码，你可以多读几遍就懂了
mapBox 加载后自动定位到IP归属地
阿金要当大魔王~~:
你好 有完整的吗
iview UI 下拉框select表单校验错误信息不消失
加油站站站:
😄欢迎关注并点赞
iview UI 下拉框select表单校验错误信息不消失
m0_58132203:
很有用，谢谢博主
揭穿Vue修饰符async的秘密
贰浪往前飞:
那.sync触发的就不是changeIsShow事件了 而是直接需改父组件的变量嘛
您愿意向朋友推荐“博客详情页”吗？
强烈不推荐
不推荐
一般般
推荐
强烈推荐
提交
最新文章
mapBox 加载后自动定位到IP归属地
mapBox自动缩放地图到合适的视野级别。
mapBox中实现多图层绘画
2023年5篇
2022年19篇
2021年4篇
2020年6篇
2019年36篇
2018年18篇
目录
目录
分类专栏
mapBox地图
4篇
es6+
2篇
vue
8篇
react
3篇
工具使用
17篇
随手笔记
7篇
工具类
11篇
AntDesignPro踩坑
9篇
多媒体查询
2篇
iview 踩坑
13篇
TradingView踩坑
5篇
upload
2篇
面试经验
2篇
国际化
1篇
数组
1篇
Git
1篇
webpack
1篇
目录
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
祝福语
请填写红包祝福语或标题
红包数量
红包个数最小为10个
红包总金额
红包金额最低5元
余额支付
当前余额3.43元
前往充值 >
需支付：10.00元
取消
确定
下一步
知道了
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝
规则
hope_wisdom 发出的红包
打赏作者
加油站站站
你的鼓励将是我创作的最大动力
¥2
¥4
¥6
¥10
¥20
输入1-500的整数
余额支付
(余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付
您的余额不足，请更换扫码支付或充值
打赏作者
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额
抵扣说明：
1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。 2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。
余额充值