Ant Design Modal.confirm使用onCancel方法无法关闭弹窗问题解决
Deshun 发布于 1年前 (2023-10-17) 1242℃ 评论(0) 赞 (0)
同事在开发中遇到一个问题,使用 Ant Design Modal 的确认对话框,正常使用没有问题:Modal.confirm({ content: 'w3h5.com', onOk() { console.log('OK'); &n...
Deshun 发布于 1年前 (2023-10-17) 1242℃ 评论(0) 赞 (0)
同事在开发中遇到一个问题,使用 Ant Design Modal 的确认对话框,正常使用没有问题:Modal.confirm({ content: 'w3h5.com', onOk() { console.log('OK'); &n...
Deshun 发布于 1年前 (2023-07-26) 685℃ 评论(0) 赞 (0)
Ant Design RangePicker 日期区间组件可以使用 open 属性实现外部按钮控制展开收起。但是使用 open 属性后,就只能通过属性控制展开和收起,失焦收起和聚焦展开等原生的功能就失效了。可不可以既能通过点击 RangePicker 组件展开...
Deshun 发布于 1年前 (2023-07-25) 854℃ 评论(0) 赞 (0)
使用Ant Design 的 Tabs 遍历了一个 form ,在多标签的情况下通过 form.getFielddValue() 方法获取到的值不全,只能获取到第一个页签和最后一个页签。翻了下 api ,Tabs.TabPane TabItemType 有一个 forceRender 属性,默认值是 fals...
Deshun 发布于 1年前 (2023-07-23) 669℃ 评论(0) 赞 (7)
ant design Form.Item validator自定义校验对象的值不为空:<Form.Item style={{ margin: 0 }} name={dataIndex} rules={[ { &...
Deshun 发布于 2年前 (2023-03-27) 997℃ 评论(0) 赞 (0)
antd(Ant Design)是一个基于 React 的UI组件库,它提供了丰富的组件和设计规范,可以帮助开发者快速构建高质量的前端应用。DatePicker 是 antd 的日期选择器组件,支持弹出的日历面板,点击选择或输入日期。DatePicker 还支持设置不可选日期,即禁止用户选择某些特定的日期,比如限制用户只能选择有效期内的日期,或者只能选择未来或过去的日期等。本文将介绍如何...
Deshun 发布于 2年前 (2023-01-30) 1792℃ 评论(0) 赞 (1)
在项目开发中,客户反映页面样式错乱问题,经查是 360安全浏览器,使用了较老的 Chrome 内核所致。antd5 使用了很多比较新的 CSS 选择器,而 Chrome 内核 87 以下不支持很多现代 CSS Selector。导致了项目中的样式错乱...
Deshun 发布于 2年前 (2022-11-18) 1357℃ 评论(0) 赞 (1)
Ant Design Form 组件的 onFinish 方法无法获取 Checkbox 多选和 Radio 单选的值,代码:<Form.Item label="类型" name="allDay...
Deshun 发布于 2年前 (2022-11-14) 2082℃ 评论(0) 赞 (1)
Ant Design Pro项目请求接口时报错:Hi there! Please enable Javascript in your browser to use Ant Design,...
Deshun 发布于 2年前 (2022-09-29) 1233℃ 评论(0) 赞 (4)
umi 项目 使用的是 ant design pro 的 layout 布局,发现页面有点不对劲,检查元素发现渲染出来两套 header 标签。问题原因:在 umi 的 config 配置中有 layout 配置,又在 src/layouts/index.tsx 中使用了 <ProLayout /> ,造成了重复引用。解决方法:将 umi 配置的 layout 配置项删除即可...
Deshun 发布于 2年前 (2022-06-23) 1478℃ 评论(0) 赞 (2)
要实现一个功能,选择汇总时自动取消中心,选则中心,自动取消汇总,中心是可以多选的。因为要兼容深色皮肤,考虑使用在 antd 的 Select 二开过的组件。现在的问题是,选择框的宽度直接窄,多选时不能优雅的显示 tags 。解决方法:Select 组件有一个 maxTa...