在React中的劍道網格內下拉

Question

我想要完成的是在儘可能最好的方式下在網格中有一個下拉菜單。從我在Angular看到的他們可以在模板中完成。在反應中，這是可用的，但不可能使用任何類型的組件。

僅支持「字符串」形式的模板。不支持React組件形式的模板。

有什麼更好的方法來做到這一點？

Answer 1

使用最新版本的劍道反應電網，在此基礎上演示https://www.telerik.com/kendo-react-ui/components/grid/editing/editing/

這裏是如何應用自定義單元格：

<GridColumn cell={this.CommandCell} /> 
... 
class DropDownCell extends GridCell { 
//... 
handleChange(e) { 
    this.props.onChange({ 
     dataItem: this.props.dataItem, 
     field: this.props.field, 
     syntheticEvent: e.syntheticEvent, 
     value: e.target.value 
    }); 
} 
//... 
render() { 
    const value = this.props.dataItem[this.props.field]; 

    if (this.props.dataItem.inEdit) { 
    return (
     <td> 
      <DropDownList 
       //... 
      /> 
     </td> 
    ); 
} 

看到完整的可運行版本在這裏：https://stackblitz.com/edit/react-grid-dropdown-editor