antd
JudyC
这个作者很懒,什么都没留下…
展开
-
Antd的Input监听allowClear事件
Select有onClear事件,可是Input没有,通过onChange监听:const onChange = (e: any) => { const { value } = e.target; if (!value && e.type !== 'change') { // do something } };原创 2021-09-29 14:20:22 · 6844 阅读 · 0 评论 -
antd Table 自适应滚动
antd Table 自适应滚动问题:antd的Table想要表头固定内容部分滚动的话必须给scroll设置固定值如:<Table columns={columns} dataSource={data} scroll={{ x: 1500, y: 300 }} />需清楚地指明300or calc(100vh - 30px),而我需要Table高度自适应父div的高度即父元素div的高度初始化时是不定的,Table超出该div的高度时,内部自动发生滚动解决:const [scr原创 2021-08-11 15:53:43 · 5095 阅读 · 0 评论 -
隐藏antd Table的选择框
实现如图效果在rowSelection中配置renderCellconst rowSelection = { onChange: (selectedRowKeys, selectedRows) => { console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows); }, getCheckboxProps: (record) => ({ disable原创 2021-05-19 16:19:36 · 5275 阅读 · 17 评论 -
AntD Modal框销毁(隐藏时清除数据)
Modal组件自带的visible属性只能控制Modal的显示与否,无法真正销毁Modal。要想真正销毁Modal我们可以不控制Modal的visible属性,转而控制Modal这个组件的有无。首先,定义一个控制Modal有无的状态:this.state = { destroy:true //设一开始为不显示状态}通过此状态来判断是否生成Modal组件...原创 2017-10-27 16:03:07 · 19927 阅读 · 5 评论 -
antd多个表单元素相互验证
遇到表单相互验证的地方比较少, 一般就是密码, 二次输入密码.这种验证是以第二个表单元素为主, 提示错误也只在第二个表单下提示.那么有两个及以上的表单元素需要相互验证并且都有自己的判断条件及提示信息该怎么做呢?场景:最大值: 需大于最小值和中间值最小值: 需小于最大值和中间值中间值: 需介于最小值最大值之间代码:1.render中表单元素<FormItem label="最...原创 2019-12-03 11:51:08 · 4304 阅读 · 4 评论 -
阻止Popconfirm冒泡
在Popconfirm外面再包一层span。<span onClick={(e) => { e.stopPropagation(); }} > <Popconfirm className="ibm-iconBtn" key="delete" title="确认删除该条检验分类吗?" onConfirm={() => deleteLabClass(record.id)} okText="确认"原创 2021-05-06 17:22:25 · 3362 阅读 · 3 评论 -
antd Table拖拽乱序
1.data的每条数据需有index,并按index排序const data = [ { key: '1', name: 'John Brown', age: 32, address: 'New York No. 1 Lake Park', index: 0, }, { key: '2', name: 'Jim Green', age: 42, address: 'London No. 1 Lake Park',原创 2021-05-06 17:27:00 · 919 阅读 · 0 评论