飞冰多个弹框下之确认弹框Dialog处理

此篇博客属于是入门级,简单的确认弹框
弹框实现核心代码:
          visible={this.state.visible2}
          onOk={()=>this.onOpen(index, record)}
          onCancel={this.onClose2.bind(this)}
          onClose={this.onClose2.bind(this)}
          title="友情提示!!"
          style={this.state.style}
          align={this.state.align}
        >
          <h3>是否需要增加当前页?</h3>      
      </Dialog>
  在此之前,因为此例比较特殊,有两个弹框,要考虑到弹框属性判断,判断代码如下:
constructor(props) {
    super(props);
    this.state = {
      visible: false, selectedStep: props.selectedStep,visible2: false
    };
    this.field = new Field(this);
  }
  当确认弹框确认后,visible2赋予true值,然后visible为true,显示第二个弹框。
    this.setState({
      visible2: true
    })
  }
//*************第二个弹框
onOpen = (index, record) => {
    this.field.setValues({ ...record });
    this.setState({
      visible: true,
      name: index,
    });
  };```
    反之,则不显示
``` onClose2 = () => {
    this.setState({
      visible2: false
    })
  }
//*************第二个弹框关闭

  onClose = () => {
    this.setState({
      visible: false,
      visible2: false
    });
  };

2018/12/17
这里特别鸣谢王诚毅同学的帮助
guanglu

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 曾经有一份美好的爱情放在我的面前我没有珍惜。等到失去后才后悔莫及。如果可以再对小李说。毛欣想说。这辈子无缘再牵手。...
    毛欣与小李阅读 3,469评论 0 13
  • 文/一鸿 在游走的岁月中,无论经历怎样的沧海桑田、世事变迁,在内心深处,总会有些记忆...
    苏恩宏阅读 856评论 2 13
  • 今天上学第二天, 田田7:00醒来,躺在被窝里惺忪着双眼对爸爸妈妈说:“我瞌睡地都睁不开眼……” 应对:是的。妈妈...
    Scene李阅读 729评论 0 1

友情链接更多精彩内容