EasyUI Forum
October 16, 2025, 06:03:55 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: [Solved] Input Combobox set Focus  (Read 11809 times)
kifni41
Newbie
*
Posts: 23


View Profile
« on: November 11, 2019, 09:10:41 PM »

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>
     )}
« Last Edit: November 12, 2019, 07:40:43 PM by kifni41 » Logged
jarry
Administrator
Hero Member
*****
Posts: 2300


View Profile Email
« Reply #1 on: November 11, 2019, 11:46:16 PM »

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>
)}
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!