RefMultipleTableBaseUI,鼠标放上去,所有行高亮

[wangkimi]

环境及版本信息

• tinper-bee 版本号:
  "tinper-bee": "2.2.3",

• 若使用单个组件，请标明该组件版本号： "ref-multiple-table": "2.0.10", "ref-multiple-table-ui": "1.0.4",

• 当前项目中react的版本号： "react": "16.8.2",

• 所使用的操作系统： Windows

  描述这个问题:

  1、组件相关代码

  代码粘贴区域： 属性值定义:

  let childrenProps = {
          showModal: showModal,
          multiple: multiple,
          columnsData: columnsData,
          tableData: tableData,
          pageCount: pageCount,
          pageSize: queryParam.pageParams.pageSize,
          currPageIndex: currPageIndex,
          totalElements: totalElements,
          handlePagination: this.handlePagination,
          dataNumSelect: this.dataNumSelect,
      }

  onSave方法:

  save = (data) => {
      if (this.props.onSave) {
          this.props.onSave(data)
      }
      let { valueField, displayField } = this.props;
      let selectData = data.map(item => item[displayField]).join(',');
      let values = data.map(item => item[valueField]).join(',');
      this.props.onChange(JSON.stringify({ refpk: values, refname: selectData }), data);
      this.setState({
          showModal: false,
          displayText: selectData,
          selectData: ''
      })
      this.ini()
  }

使用的代码:

  let childrenProps = {
            showModal: showModal,
            multiple: multiple,
            columnsData: columnsData,
            tableData: tableData,
            pageCount: pageCount,
            pageSize: queryParam.pageParams.pageSize,
            currPageIndex: currPageIndex,
            totalElements: totalElements,
            handlePagination: this.handlePagination,
            dataNumSelect: this.dataNumSelect,
        }
save = (data) => {
        if (this.props.onSave) {
            this.props.onSave(data)
        }
        let { valueField, displayField } = this.props;
        let selectData = data.map(item => item[displayField]).join(',');
        let values = data.map(item => item[valueField]).join(',');
        this.props.onChange(JSON.stringify({ refpk: values, refname: selectData }), data);
        this.setState({
            showModal: false,
            displayText: selectData,
            selectData: ''
        })
        this.ini()
    }
<RefMultipleTableBaseUI
                    placeholder="placehholder"
                    title={'供应商选择'}
                    backdrop={true}
                    multiple={multiple}
                    disabled={disabled}
                    miniSearch={false}
                    emptyBut={true}
                    valueField="supplierNo"
                    onCancel={_this.cancel}
                    onSave={_this.save}
                    {...childrenProps}
                    {...props}
                />

2、报错信息

当前的行为：效果（可截图说明）及动作描述

当前鼠标放上去,所有行高亮了,

期望的行为:

鼠标放在哪一行,哪一行高亮

[yangchch6]

[wangkimi]

如果我的id唯一也是不行的,必须要传key才行是吗?

[XYooo]

不要在使用ref-multiple-table-ui，使用ref-multiple-table就可以。

[XYooo]

这个是从哪里引出来的是，是 ref-multiple-table-ui还是ref-multiple-table

[wangkimi]

import RefMultipleTableBaseUI, { SearchPanelItem } from 'ref-multiple-table';这样的, 我在data里加了key字段就可以了.就不会都高亮了.不过不是借口返回的,升级前端处理加上的.我一直以为id唯一就可以.没想到还要传key.

[yangchch6]

如果data不加 key， 你需要传 rowKey="id"，因为我也不知道返回的数据里，是 id 唯一，还是 rowId 唯一，还是其他字段唯一。

[wangkimi]

传过rowkey,但是不生效.不纠结这个.现在晓得了.这个issue我关咯.