美文网首页
Table rowSelect

Table rowSelect

作者: 糖糖不加糖_ | 来源:发表于2020-04-23 20:45 被阅读0次

    以下方法结论适用于3.X,4.XonChange存在变更,当前结论不适用

    onChange方法 Function(selectedRowKeys, selectedRows)

    • selectedRowKeys
      选中(单选、多选)复选框,点击分页,前一页的selectedRowKeys数据和当前页选中的数据都会出现在selectedRowKeys中
      eg:
      - 前一页选中的key值为[1,2,3]
      - 后一页选中的key值为[6,7]
      selectedRowKeys中的值为[1,2,3,6,7]
    • selectedRows
      选中(单选、多选)复选框,点击分页, selectedRows中只会出现当前页的tableItem(Table一行的数据)数据
      eg:
      - 前一页选中的tableItem值为[{key: 1,value: 1},{key: 2,value: 2},{key: 3,value: 3}]
      - 后一页选中的tableItem值为[{key: 6,value: 6},{key: 7,value: 7}]
      selectedRows中的值为[{key: 6,value: 6},{key: 7,value: 7}]

    onSelect方法 Function(record, selected, selectedRows) 单选

    • record
      【单选】当前选中的tableItem(Table一行的数据)是一个对象
      eg:{key: 1,value: 1}
    • selected
      当前行的状态,值为true|false
    • selectedRows
      【当前页码】选中的行信息,点击分页,上一页选中的行信息不会被带到当前的selectedRows数组中,selectedRows中只会出现当前页的tableItem(Table一行的数据)数据
      eg:
      - 前一页选中的tableItem值为[{key: 1,value: 1},{key: 2,value: 2},{key: 3,value: 3}]
      - 后一页选中的tableItem值为[{key: 6,value: 6},{key: 7,value: 7}]
      selectedRows中的值为[{key: 6,value: 6},{key: 7,value: 7}]

    onSelectAll方法 Function(selected, selectedRows, changeRows)多选

    • selected
      当前行的状态,值为true|false
    • selectedRows
      【当前页码】选中的行信息,点击分页,上一页选中的行信息不会被带到当前的selectedRows数组中,selectedRows中只会出现当前页的tableItem(Table一行的数据)数据
      eg:
      - 前一页选中的tableItem值为[{key: 1,value: 1},{key: 2,value: 2},{key: 3,value: 3}]
      - 后一页选中的tableItem值为[{key: 6,value: 6},{key: 7,value: 7}]
      selectedRows中的值为[{key: 6,value: 6},{key: 7,value: 7}]
    • changeRows
      【多选】当前改变的行信息,只能拿到【当前页码】下,有选中状态改变(选中态由true->false或者由false->true,一般为后者,前者无法实现,可自行测试哈)的行信息
      eg:
      - 前一页选中的tableItem值为[{key: 1,value: 1},{key: 2,value: 2},{key: 3,value: 3}]
      - 后一页已经选中的tableItem值为[{key: 6,value: 6},{key: 7,value: 7},{key: 8,value: 8}]
      - 后一页全部的tableItem值为[{key: 6,value: 6},{key: 7,value: 7},{key: 8,value: 8},{key: 9,value: 9}]
      当再一次点击全选时,由于【当前页码】中改变的数据,只有{key: 9,value: 9}的tableItem项,因此changeRows的值为数组
      [{key: 9,value: 9}]

    相关文章

      网友评论

          本文标题:Table rowSelect

          本文链接:https://www.haomeiwen.com/subject/prszihtx.html