Ant Design
本地是好的
我不懒,但我什么都没有写
展开
-
XLSX+ANT Upload实现从EXCEL导入数据操作
import { Button, Table, Upload, Icon} from 'antd'; <Upload onChange={(e) => { this.onFileChange(e); }} beforeUplo原创 2021-06-03 18:35:34 · 459 阅读 · 0 评论 -
React Ant-Table Resizable 实现对Table表格的列的宽度调整
import React from "react";import { Widget } from "erpcore";import { Table } from 'antd';import "./index.less";import { Resizable } from 'react-resizable';import 'react-resizable/css/styles.css';const WidgetOfBase = Widget.WidgetOfBase;const Resize原创 2021-05-13 16:58:30 · 2048 阅读 · 8 评论 -
ProTable去除Input框自带的AutoComplete
<ProTable form={{ autoComplete: 'off' }} />原创 2021-03-18 15:40:51 · 521 阅读 · 1 评论 -
Ant Upload 实现自定义上传(点保存之后再上传)
function getBase64(file: any) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = () => resolve(reader.result); reader.onerror = error => rej.原创 2021-03-03 16:21:22 · 774 阅读 · 1 评论 -
Ant Cascader级联选择实现省市区三级联动(React)
封装组件 < InputSelectWithArea />import React from 'react';import CSS from './index.module.less';import {Cascader} from "antd";import { cityArray } from './cityData';class InputSelectWithArea extends WidgetOfBase { render=()=>{ return(原创 2020-07-02 14:50:54 · 3451 阅读 · 2 评论 -
Ant Design Select组件下拉选项随页面滚动与Select框分离问题
<SelectP showSearch style={{ width: '100%' }} placeholder="单击进行搜索选择" defaultValue={value} optionFilterProp="children" getPopupContainer={(triggerNode)=>{ return triggerNode.parentNode}}///增加这个定位去解决 onFocus={this.ext原创 2020-06-29 14:50:21 · 951 阅读 · 0 评论 -
Ant design tree defaultExpandAll={true} 不生效问题
如果是同步数据,设置defaultExpandAll={true}是可以生效的,但是如果是异步从后台获取的动态数据,展开会遇见不生效的情况,解决办法是加一句判断逻辑,页面数据获取到之后再渲染tree{ treeData.length > 0 && <Tree defaultExpandAll = {true} >}...转载 2020-04-29 14:54:11 · 6513 阅读 · 2 评论