ant design的Modal模态框


代码

<Modal width={800} title="新增" visible={this.state.modalVisible}
                        onCancel={() => { this.setState({ modalVisible: false }); }}
                        onOk={this.handleModalOk.bind(this)}
                        confirmLoading={this.state.confirmLoading}
                        // footer={
                        //     [] // 设置footer为空,去掉 取消 确定默认按钮
                        //     }
                        // footer={[
                        //     // 定义右下角 按钮的地方 可根据需要使用 一个或者 2个按钮
                        //     <Button key="back" onClick={() => { this.setState({ modalVisible: false }); }}>取消</Button>,
                        //     <Button key="submit" type="primary" onClick={this.handleModalOk.bind(this)} disabled={this.state.okButtonFlag}>
                        //     确认
                        //     </Button>, ]}
                            >

footer可以自定义设置模态框的取消确认按钮

disabled={this.state.okButtonFlag}可以根据情况使确认按钮是否可以点击


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM