Print Page - [Solved] Input Combobox set Focus

I create cell edit in datagrid, make Combobox on the cell.
After click select data of combobox, it seems cursor not focused inside combobox again.

how to set focus cursor to Combobox, when onclick data? i can do it in jquery, but how to do it in react easyui?

Code:

editor={({ row }) => (
          <div onKeyDown={event => this.handleKeyDown(event)}>
                 <ComboBox
                         data={listProduct}
                         value={row.product}
                         valueField='id' textField='name'
                         onSelectionChange={ setFocushere? }
                 ></ComboBox>
              </div>
     )}

Please call the 'focus' method on the ComboBox component.

Code:

editor={({ row }) => (
  <div onKeyDown={event => this.handleKeyDown(event)}>
    <ComboBox
      ref={ref => this.comboEditor = ref}
      data={this.getComboData()}
      onSelectionChange={() => {
        this.comboEditor.focus()
      }}
    />
  </div>
)}

EasyUI Forum

General Category => EasyUI for React => Topic started by: kifni41 on November 11, 2019, 09:10:41 PM