d3.js - 行單擊事件？

Question

我已經創建了一個表並使用該函數更新了csv中的數據。要讀取的文件作爲參數傳遞。

function displayContent(file){ 

d3.text(file, function(datasetText) { 
    parsedCSV = d3.csv.parseRows(datasetText); 
    var sampleHTML = d3.select("#TableContents") 
    .append("table") 
    .style("border", "2px black solid") 
    .attr("style", "margin-left: 20px") 
    .selectAll("tr") 
    .data(parsedCSV) 
    .enter().append("tr") 
    .selectAll("td") 
    .data(function(d){return d;}) 
    .enter().append("td") 
    .text(function(d){return d;}) 
    .style("font-size", "12px"); 
    }); 
} 

我想有一個功能，如果我點擊第一列，我可以顯示所選行的細節的另一個表。

例如，我已經在表中填充了學生的詳細信息。一旦我點擊任何行（學生ID），我需要根據所選學生顯示另一個表格。我們如何在表格行添加點擊？

Answer 1

可以使用tr選擇的on方法

附加click事件例如

.selectAll("tr") 
.data(parsedCSV) 
.enter().append("tr") 
    .on("click", function(d) { doSomething(); })