分类：Antd

2020
10-28

Antd的Table组件嵌套Table以及选择框联动操作

一、需求在使用Table组件嵌套Table时，父子Table的选择框需要联动，即父Table选中，该行下的子Table需要全选中，某一个子Table全部选中，则该子Table所在的父Table那一行也需要选中。二、Table的rowSelection配置父子Table联动，就不能使用OnChange，需要使用OnSelect以及OnSelectAll手动配置。selectedRowKeys：指定选中项的key数组OnSelect：手动选择/取消选择某行的回调OnSelect（record,selected,selectedRows）record：选中... 继续阅读 >

2020
10-28

解决Antd 里面的select 选择框联动触发的问题

有两个select框，且这俩select框是关联的，触发select1，select2里面才会有值。但是现在的问题是这样的：触发select1，触发select2，再触发select1，此时select2里面的值变成了上次一选中的value值，而不会被清空。解决办法：使用Select里面的value属性，来进行清空<Formstyle={{padding:'20px','boxSizing':'border-box'}}><FormItemlabel="套卷名称"{...formItemLayout}><SelectdefaultValue={packagedPapersId}onCha... 继续阅读 >

2020
10-28

Antd下拉选择,自动匹配功能的实现

我就废话不多说了，大家还是直接看代码吧~<Selectplaceholder="客户名称"showSearchoptionFilterProp="children"//自动匹配输入onChange={this.selectChange}>{this.state.selectCustomer}</Select>补充知识：antdselect如何支持既能输入不存在的选项又能进行下拉框选择1.Select必须具备onSearch,onBlur,onChange这三个属性;<SelectshowSearchvalue={this.state.value}onSearch={…}onBlur={…}onChange={…}{optionsFor}2.... 继续阅读 >

2020
10-28

在react项目中使用antd的form组件,动态设置input框的值

问题：创建账号时，输入账号后不搜索直接保存，提示查询后，再点搜索就不能搜索这个账号了原因：点击保存之后，对表单进行了验证，导致之后请求的数据无法在更新到input框中，也就是说即使在state中有值，也不会更新initialValue值，就导致搜索后的值不能正确填入input中，表单也就提交不了。解决办法：不使用initialValue设置动态更新的值，而是使用this.props.form.setFieldValue({name:data});用于动态更新值，就可以解决了。... 继续阅读 >

2020
10-09

antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作

废话不说，上代码！<a-menutheme="dark"mode="inline":selectedKeys="[$route.path]"><a-menu-item:key="'/home'"><router-linkto="home"><a-icontype="user"/><span>nav1</span></router-link></a-menu-item><a-menu-item:key="'/about'"><router-linkto="about"><a-icontype="video-camera"/><span>nav2</span></router-link></a-menu-it... 继续阅读 >

2020
09-23

深入理解Antd-Select组件的用法

一、Antd-Select提供几种类型最基础版只提供下拉功能的选择器带搜索功能的下拉选择器可多选的下拉选择器可搜索、可多选、可随意输入内容的tag下拉选择器(支持自动分词)多级联动下拉选择器搜索远程数据下拉框二、一些潜在用法如果Select.Option选项的数量特别大:2k、3k...假设请求数据时间我们都解决好了,信心满满地准备把数据填充到<Select.Option>后下班!过会你会发现有多绝望..这下拉框加载了10s还没出来！?这时... 继续阅读 >