美文网首页
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