0

现在需要表格按照 IMEI号进行排序,服务器端已经做出相应逻辑,需要向接口传递参数 sortImet: true //升序,请问各位大神怎么添加参数啊,没有半点头绪

state= {
   formValues: {}
};
const columns = [
   { title: 'IMEI号', dataIndex: 'imei', align: 'center', sorter: true}
]
<Table
  columns={columns}
  dataSource={devicePage.list}
  pagination={devicePage.pagination}
  onChange={(pagination) => HandleTableChange(this, pagination)}
/>
//实现排序,保留分页筛选条件
export const HandleTableChange = (that, pagination) => {
  const { formValues } = that.state;
  //传递参数
  const params = {
    //历史查询内容
    ...formValues,
    //分页内容
    pageNumber: pagination.current,
    pageSize: pagination.pageSize,
    
    //=============================================
       我觉得应该在这里添加参数,但是我需要怎么获得排序主体,尝试很多次都没有实现
    
    //============================================
  };
  that.setState({
    formValues: params,
  });
  
  //获取表格内容数据
  that.getListItems(params);
};
11月9日提问
1 个回答
1
class Demo extends Component{

    // 箭头函数形式 this不会丢失
    handleTableChange = (pagination, filters, sorter) => {
        //第三个参数 就是排序信息
        console.log(sorter, sorter.field, sorter.order)
       // 。。。
    };

    render () {
        return (
        <Table
          columns={columns}
          dataSource={devicePage.list}
          pagination={devicePage.pagination}
          // 这里直接调用方法就好了
          onChange={this.handleTableChange}
        />
        ) 
    }

}

撰写答案

推广链接