antd table全選


1、

render(){
    let { list,cityList,ischecked,selectedRowKeys,selectedRows} = this.state
    const rowSelection = {
      selectedRowKeys,
      onChange:this.handleRowSelectChange,
      onSelect: (record, selected, selectedRows) => {
        // console.log(record, selected, selectedRows);
      },
      onSelectAll: (selected, selectedRows, changeRows) => {
        // console.log(selected, selectedRows, changeRows,taskList);
      },
    };
return(
<Checkbox onChange={this.selectAll} checked={ischecked}>全選</Checkbox>
}
2、
selectAll=()=>{
  let ischecked=true
  let {list,selectedRows,selectedRowKeys} = this.state;
  if(list.length === selectedRows.length){
    ischecked=false
    this.handleRowSelectChange([],[]);
  }else{
    ischecked=true
    //把索引數組里的值由String轉換成Number
    const keys = Object.keys(list)
    const index = [];
    keys.forEach(item=>{
      index.push(Number(item))
    });
    this.handleRowSelectChange(index,list)
  }
  this.setState({ischecked:ischecked})
}
handleRowSelectChange = (selectedRowKeys, selectedRows) => {
// 在 state中 維護這個狀態
  this.setState({
    selectedRowKeys: selectedRowKeys,
    selectedRows: selectedRows,
  });
  taskList = selectedRows
};


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM