我在一个主要是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]
事件绑定的元素或事件的引用的方法。
答案 0 :(得分:0)
呃,我忽略了关于onClicks和事件的一个重点。
我只需将onClick调用更改为:onClick={function(e){_this._onInteropCellClick(row.breakoutKey, col.step.queryStepIdx, e);}}
完全绕过裁判。