前端资源网 - w3h5一行代码隐藏antd Pagination最后一页，减少后端深分页查询
3Deshun 发布于 8个月前 (03-31) 1670℃ 评论(0) 赞 (1)
Ant Design 的 Pagination 分页，在页码比较多的时候，会默认展示出第一页和最后一页，而且在官方文档也没有找到相关配置来隐藏它们。最近有后端同事反馈，如果用户直接点击最后一页，后导致后端深分页查询，影响性能，希望将这个页码隐藏掉。解决方法如何隐藏掉 a...
Tag "antd" 相关话题
Ant Design Modal.confirm使用onCancel方法无法关闭弹窗问题解决
Deshun 发布于 2年前 (2023-10-17) 2390℃ 评论(0) 赞 (1)
同事在开发中遇到一个问题，使用 Ant Design Modal 的确认对话框，正常使用没有问题：Modal.confirm({ content: 'w3h5.com', onOk() { console.log('OK'); &n...
Ant Design RangePicker日期区间组件同时兼容原生和外部按钮控制实现
1Deshun 发布于 2年前 (2023-07-26) 1294℃ 评论(0) 赞 (0)
Ant Design RangePicker 日期区间组件可以使用 open 属性实现外部按钮控制展开收起。但是使用 open 属性后，就只能通过属性控制展开和收起，失焦收起和聚焦展开等原生的功能就失效了。可不可以既能通过点击 RangePicker 组件展开...
ant design Tabs组件数据丢失取不到值的解决方法
Deshun 发布于 2年前 (2023-07-25) 1554℃ 评论(0) 赞 (0)
使用Ant Design 的 Tabs 遍历了一个 form ，在多标签的情况下通过 form.getFielddValue() 方法获取到的值不全，只能获取到第一个页签和最后一个页签。翻了下 api ，Tabs.TabPane TabItemType 有一个 forceRender 属性，默认值是 fals...
ant design Form.Item validator自定义校验对象的值不为空
Deshun 发布于 2年前 (2023-07-23) 1248℃ 评论(0) 赞 (7)
ant design Form.Item validator自定义校验对象的值不为空：<Form.Item style={{ margin: 0 }} name={dataIndex} rules={[ { &...
Ant Design的DatePicker日期组件不可选日期实现，让New Bing优化代码太棒了
Deshun 发布于 3年前 (2023-03-27) 1748℃ 评论(0) 赞 (0)
antd（Ant Design）是一个基于 React 的UI组件库，它提供了丰富的组件和设计规范，可以帮助开发者快速构建高质量的前端应用。DatePicker 是 antd 的日期选择器组件，支持弹出的日历面板，点击选择或输入日期。DatePicker 还支持设置不可选日期，即禁止用户选择某些特定的日期，比如限制用户只能选择有效期内的日期，或者只能选择未来或过去的日期等。本文将介绍如何...
And Design5 360安全浏览器样式错乱问题解决
2Deshun 发布于 3年前 (2023-01-30) 2381℃ 评论(0) 赞 (1)
在项目开发中，客户反映页面样式错乱问题，经查是 360安全浏览器，使用了较老的 Chrome 内核所致。antd5 使用了很多比较新的 CSS 选择器，而 Chrome 内核 87 以下不支持很多现代 CSS Selector。导致了项目中的样式错乱...
Ant Design Form组件onFinish无法获取Checkbox和Radio的值
3Deshun 发布于 3年前 (2022-11-18) 1907℃ 评论(0) 赞 (1)
Ant Design Form 组件的 onFinish 方法无法获取 Checkbox 多选和 Radio 单选的值，代码：<Form.Item label="类型" name="allDay...
Ant Design Pro项目请求接口报错：enable Javascript 解决
4Deshun 发布于 3年前 (2022-11-14) 2843℃ 评论(0) 赞 (1)
Ant Design Pro项目请求接口时报错：Hi there! Please enable Javascript in your browser to use Ant Design,...
ant design ProLayout出现两个重复header的问题解决
Deshun 发布于 3年前 (2022-09-29) 1722℃ 评论(0) 赞 (4)
umi 项目 使用的是 ant design pro 的 layout 布局，发现页面有点不对劲，检查元素发现渲染出来两套 header 标签。问题原因：在 umi 的 config 配置中有 layout 配置，又在 src/layouts/index.tsx 中使用了 <ProLayout /> ，造成了重复引用。解决方法：将 umi 配置的 layout 配置项删除即可...