antd
花笙_
这个作者很懒,什么都没留下…
展开
-
Ant Design+react 表单只读
表单禁用,样式不好看,不符合甲方标准,看了一下文档,select、radio等都不支持只读状态。在查看弹窗时,传入一个变量,当变量为true时,设置className样式,否则不作操作。point-events可以阻止点击事件的效果,以及鼠标指针显示。鼠标点击不会有任何操作,也不会切换radio和select下拉。利用css3的point-events属性,设置为none。原创 2024-06-07 15:27:50 · 567 阅读 · 0 评论 -
Ant Design 动态增减form表单,第二三项根据第一项选中内容动态展示内容
根据选中的第一项,动态展示第二项第三项,以及第三项的类型是下拉框还是input,和单位unitName。点击添加条件,第二条仍然只展示第一项select框。提交数据部分就不写了,提交跟接口相对应的数据就行。// 编辑时数据回显,后端返回的数据。选中第一项下拉框,第二第三项展示。原创 2024-05-29 12:15:14 · 563 阅读 · 0 评论 -
antd form表单赋值Switch不生效
Form.Item 默认绑定值属性到 value 上,而 Switch 的值属性为 checked。你可以通过 valuePropName 来修改绑定的值属性。在开发过程中,使用ant design组件的form表单时,有用到Switch,编辑时发现赋值不起作用,看了文档,发现在Switch。原创 2024-05-29 10:22:27 · 459 阅读 · 0 评论 -
antd +react选中月份,默认获取当前月份的第一天和最后一天
效果图打印的数据//时间区间const [selectTime, setSelectTime] = useState('')//开始时间:选中月份的第一天const [startTime,setStartTime] = useState('') //结束时间:选中月份的最后一天const [endTime,setEndTime] = useState('') // 选中月份,获取当前月份的第一天和最后一天const changeMonth=(value)=>{ let原创 2022-03-01 09:59:04 · 2010 阅读 · 0 评论 -
antd+react select下拉搜索,option匹配不到内容,就把输入内容新增到下拉option
antd+react 实现通过下拉搜索,检测option数据,如果没有匹配的数据,就把输入的内容新增到option下拉数据中效果图用到的antd API :dropdownRender,onSearch<Form.Item label="品牌名称" name="brandName" > <Select allowClear filterOption={(input, option) =>原创 2022-01-18 09:32:53 · 2779 阅读 · 0 评论 -
antd 使用select时,设置value={}后,placeholder失效
select中设置了value=‘’后,placeholder失效,input框里是空白的将value里面的默认值改为undefined,因为 ‘’ 与 null 都算是赋值了的settlementType的值为undefined就行了改过之后原创 2021-05-17 18:48:17 · 525 阅读 · 0 评论