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> 

onDoubleClick設置狀態isEditing: true

的onblur其設置爲false

的onkeydown只能當isEditing: true