应用对Cell的引用

时间:2017-06-20 19:45:02

标签: reactjs fixed-data-table

我在一个主要是Angular的应用程序中使用FixedDataTable v0.6.0。

我有以下专栏:

myForm['myInput' + $index].$valid

具体来说,在<Column key={colIndex} columnKey={countKey} width={columnWidths[countKey]} flexGrow={1} isResizable={true} allowCellsRecycing={true} header={<Cell className={HEADER_CELL_CLASS}>{count}</Cell>} cell={function(cellData) { var rowIndex = cellData.rowIndex; var row = tableRows[rowIndex]; var col = row.columns[colIndex]; var tag = count + "_col" + colIndex + "_row" + rowIndex; var interopOn = !_this.props.isDemo && !col.isTotalConversion; var className = row.isOverallRow ? OVERALL_CELL_CLASS : ""; className += interopOn ? " interop-tooltip-content interop-on" : ""; return <Cell className={className} key={tag} ref={tag} onClick={_this._onCellClick.bind(_this, row.breakoutKey, col.step.queryStepIdx, tag)} onMouseEnter={_this.props.onRowMouseEnter.bind(_this, row.breakoutKey)} onMouseLeave={_this.props.onRowMouseLeave.bind(_this, row.breakoutKey)} width={columnWidths[countKey]}> {col.displayCount} </Cell> }} /> 标记中,我试图保留对元素的引用,以便Cell我可以调用_onCellClick,抓取元素,并在附近放置一个固定元素那个元素(工具提示)。

我需要的是: (a)使ref属性起作用的一种方法(看起来它不是由于如何克隆Cell)。 (b)获取对this.refs[refTag]事件绑定的元素或事件的引用的方法。

1 个答案:

答案 0 :(得分:0)

呃,我忽略了关于onClicks和事件的一个重点。

我只需将onClick调用更改为:onClick={function(e){_this._onInteropCellClick(row.breakoutKey, col.step.queryStepIdx, e);}}

完全绕过裁判。