搭配React使用。
适用于chrome内核的浏览器。web
selectedRowKeys:选中项的key数组,能够设置rowkey=”id”来获取选中项的id值.
selectedRowKeys会自动记录以前删除的key,也就是以前删除的key也会存在于数组中.
选择全选只会选中当前页面的数据.chrome
让Form中的input框去掉历史输入记录,在上添加autoComplete='off’属性json
class List extends React.Componnet{} PayList=Form.create({})(List);
通过Form.create包装过的组件会自带this.props.form属性,this.props.form提供以下的API:数组
再也不须要用 onChange 来作同步,但仍是能够继续监听 onChange 等事件。
不能用控件的 value defaultValue 等属性来设置表单域的值,默认值能够用 getFieldDecorator 里的 initialValue。
不须要用 setState,可使用 this.props.form.setFieldsValue 来动态改变表单值。浏览器
{getFieldDecorator('password', { rules: [ {type:”number”, message: 'error!',}, { required: true, message: 'Please input your password!', } ], initialValue:123456 }) ( <Input type="password" /> ) }
handleSubmit (e) { e.preventDefault(); this.props.form.validateFields((err, values) => { } }
使用validateFields等时,应确保对应的 field 已经用 getFieldDecorator 注册过了.
第一个方法使数据同步被Form接管,而后使用第二个方法才能获取到数据.
第一个方法的第一个参数是第二个方法中values Json对象中的属性名.
第一个方法中必须用InitialValue来设置获取值,若是在Input中用value设置获取,则第二个方法获取不到.
values是一个json对象,键值对中的值没有值的时候可能会是null,也可能会是undefined.NaN等app
Modal组件有标准的React生命周期,关闭后状态不会自动清空.要想每次打开都是新内容,能够:svg
<Modal key={this.state.newKey} visible={this.state.visible} />
.多个Modal的时候,多个Modal的key也须要不一样.若是同一个页面有两个及其以上Modal,visible须要分别设置,不然永远只会显示最后一个Modal的内容.函数
Modal不能写在表格里面(columns的render里),这样至关因而渲染了无数的Modal,不管点击哪个,都是默认获取的最后一个.
解决方法;能够放在return里,Button不必定要与Modal紧挨,是经过this.setState控制Modal的显示与隐藏布局
去除白色背景,边框:
wrapClassName={‘content’}//对话框外层容器的类名,用来重写外边框的类
.content{
.ant-modal-content {
position: relative;
background-color: #00000000 !important;
border: 0; border-radius: 4px;
background-clip: padding-box;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
.ant-modal-body {
padding: 0 !important;
font-size: 0 !important;
line-height: 1 !important;
}
}ui
value值须要是moment类型.moment()
获取到的是一个数组.
Ant Design里的一些事件,当被触发时,会自动传递一些参数.例如Select的onChange方法,会自动传入Option的value值.
能够声明一个propsJSON对象,将API放入,在中继承引用.