![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
antd
日月之行_
这个作者很懒,什么都没留下…
展开
-
antD Form表单Select下拉多选支持互斥逻辑
需求:下拉多选科室中选择全部科室,不能选择其他科室,去掉全部科室可选择其他任意科室如图:代码实现如下:<Form.Item name="deptCode" label="科室" rules={[{ required: true, message: '必填信息不能为空' }]} getValueFromEvent={e => getValueFromEvent(e)} > <Select mode="multiple"原创 2020-10-10 15:46:45 · 2868 阅读 · 3 评论 -
AntD中Form组件中的Select下拉改为受控组件
需求:在form下拉多选组件中,当选择全部时,清空其他选项使用form中的getValueFromEvent方法getValueFromEvent=(e)=>{ if (e.find(item => item === '0')) { return ['0']; } return e;}<Form.Item {...formItemLayout} label="用户"> {getFieldDecorator('diseaseAreaId原创 2020-07-24 13:19:22 · 1970 阅读 · 0 评论 -
AntD中TextArea固定高度
需求:去掉TextArea右下角下拉,文字超出带滚动<TextArea maxLength={200} style={{width: '100%', resize: 'none'}} placeholder="最多200个字符" rows={5} />原创 2020-07-24 11:37:37 · 6870 阅读 · 2 评论 -
解决antd message多次点击弹出多个信息提示
点击一个按钮,提示一条信息,多次点击,提示出多条相同的提示解决办法:弹窗前先删除``message.destroy();message.info(‘正在开发,敬请期待!’);原创 2020-03-16 18:26:01 · 5609 阅读 · 3 评论 -
禁止点击Input输入框出现以前输入过的记录
在原生input或者antd中的Input会出现清空input框后出现输入过的记录解决办法:// 注意:antd中 autoComplete中C大写,其他情况小写<Input placeholder="请输入通知标题" autoComplete="off" />解决后:...原创 2020-03-12 10:03:25 · 2915 阅读 · 2 评论 -
使用antd中Tabs内嵌套使用DatePicker控件选择时间弹窗定位错误解决办法
点击开始时间控件,错误如图:分析原因:Tabs控件在样式中.ant-tabs添加了overflow:hidden,导致时间控件定位失败.解决方法:在Tabs父级加class类名,修改类名ant-tabs样式 <div className="record-message"> <Tabs activeKey={activeKey} onChange={this....原创 2019-05-23 14:19:28 · 2201 阅读 · 0 评论 -
ant design table 表格实现拖拽排序
antd官方文档有支持拖拽的写法,参考地址:https://ant.design/components/table-cn/根据antd的写法实现了拖拽,但是antd的写法只是实现了功能,对代码没有进行封装,如果你想在多个页面进行拖拽,可能写很多重复代码,所以,本人根据官方文档写法进行了组件化,针对多个页面只需引入即可使用。1.首先引入支持拖拽的相关插件 npm install react-d...原创 2019-05-28 13:30:00 · 26612 阅读 · 7 评论 -
antd组件 Input和TextArea输入字数限制
记录下antd两个标签输入时字数限制1.Input maxLength={20},注意maxLength是number类型<Input placeholder="张三 2019-05-17" maxLength={20} />2.TextArea<TextArea placeholder="请输入说明" autosize={{ minRows: 2, maxRows: ...原创 2019-06-12 11:14:59 · 28193 阅读 · 9 评论 -
React实现table拖拽排序功能
1.使用antd的Table自带排序功能参照官方文档: https://ant.design/components/table-cn/#components-table-demo-drag-sorting2.使用sortablejs插件可参照文档:https://segmentfault.com/a/1190000008209715 //安装 cnpm install sortablej...原创 2019-07-15 17:47:26 · 8238 阅读 · 4 评论