订单详情单选按钮和行点击问题

来源:9-3 通用页面结构设计

封笺

2018-11-30

老师,在这一章节学习中我发现一个问题。就是这个单选按钮我设置了行点击,点击行然后选订单详情可以进行相关操作,比如跳转到另一个界面什么的。但是当我只选择按钮的时候无论怎么操作都只有请选择一条信息的modal框。回忆起来您原先在基础表格章节的讲解,我在rowSelection里面添加了onChange事件,但是于事无补。还是无法通过只点击按钮获得selectedItem。请问这是为什么呢?

  onChange: (selectedRowKeys, selctedRows) => {
        let ids = [];
        selctedRows.map(item => {
          ids.push(item.id);
        });
        this.setState({
          selectedRowKeys,
          selectedIds: ids,
          selctedRows
        });
      }
写回答

1回答

河畔一角

2018-12-02

这个地方可能有一个小问题,课程确实是通过行点击事件来操作的,没有基于按钮去操作,按钮那个位置也需要绑定一下事件,onClick事件才可以。你尝试加一下。rowSelection加onChange还是基于表格的行来的。

0
1
封笺
老师我的onChange事件就是在rowSelction里面加的呢,但是还是不work const rowSelection = { type: 'radio', selectedRowKeys, onChange: (selectedRowKeys, selctedRows) => { let ids = []; selctedRows.map(item => { ids.push(item.id); }); this.setState({ selectedRowKeys, selectedIds: ids, selctedRows }); } };
2018-12-03
共1条回复

React全家桶+AntD共享单车后台管理系统开发

React全家桶+AntD框架+大量前沿技术

1142 学习 · 494 问题

查看课程