DataList doens't seem to have a double click event?

[chrwei]

How might I implement this?

[jarry]

Please look at this example.

Code:

handleDoubleClick(row){
  console.log(row)
}
renderItem({ row }) {
  return (
    <div className="product f-row" onDoubleClick={this.handleDoubleClick.bind(this,row)}>
      <img src={this.getImage(row)} />
      <div className="detail">
        <p>{row.itemid} - {row.name}</p>
        <p>{row.attr}</p>
        <p>List Price: {row.listprice}</p>
      </div>
    </div>
  )
}
render() {
  return (
    <div>
      <DataList
        style={{ width: 550, height: 250 }}
        renderItem={this.renderItem.bind(this)}
        data={this.state.data}
        selectionMode="single"
        onSelectionChange={this.handleSelectionChange.bind(this)}
      />
    </div>
  );
}