Blueprintjs：ホットキー入力

Question

私は現在、私は別のテーブルの行のためのホットキーを入力することを可能にするUIをやろうとしている...

だから、主なアイデアは、editableCell、私は意志入力ホットキーのようなものを作ることです。

私はすでにドキュメントからgetKeyComboString方法が見つかりました： http://blueprintjs.com/docs/#core/components/hotkeys.key-combos

をしかし、私の問題がある：私はEditableCellダブルクリックのようなものを作りますか？

私はソースで見たところ、editableCellはこれにDraggableコンポーネントを使用していますが、インポートすることはできません。 私は自分の入力がフォーカスを失うかどうかどうかを確認する必要があるか分からない...

どのようにホットキー入力を行うには？

Answer 1

これはonBlurイベントとisEditing状態を使用して実行しました。

 <div 
      className={className} 
      onDoubleClick={this.handleCellDoubleClick} 
      onBlur={this.handleBlur} 
      onKeyDown={this.handleKeyDown} 
      tabIndex={0} 
     > 
      {this.state.keyCombo} 
     </div> 

onBlurイベントのみisEditing: true

作品にonKeyDown偽

に設定isEditing: true

に状態を設定onDoubleClick