2017-06-20 15 views
0

私は主にAngularアプリケーション内でFixedDataTable v0.6.0を使用しています。 Cellタグで、私は、そう_onCellClick私はthis.refs[refTag]を呼び出すことができる要素への参照を保持する要素をつかむ、および固定を配置しようとしてる、具体的にセルへの参照を適用する

<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> 
    }} 
/> 

私は、次の列を持っていますその要素の近くの要素(ツールチップ)。

私が必要とするのは、 (a)refプロパティを動作させる方法です(Cellがどのようにクローンされているかによるものではないようです)。 (b)onClickイベントにバインドされた要素またはイベントへの参照を取得する方法。

答えて

0

私はonclicksとイベントについて大きなポイントを見落としました。完全onClick={function(e){_this._onInteropCellClick(row.breakoutKey, col.step.queryStepIdx, e);}}

バイパス、参考文献:

私はちょうどに私のonClickコールを変更しなければなりませんでした。

関連する問題