How can you make ComboBox act like standard html select?

How can you make ComboBox act like standard html select?

Posted by: steen.l.knudsen on 24 November 2022, 7:45 pm EST

• 

  steen.l.knudsen

  • Post Options:
  • Link
    Copy

  Posted 24 November 2022, 7:45 pm EST

  How can you make ComboBox inside a flex grid act like standard html select?

  I use a ComboBox in an a flex grid to enable the user to choose values from the dropdown.
  
  The ComboBox must act like the standard select html when the user use the keyboard.
  
  For example I have a dropdown with: Airplane, Bike, Boat and Submarine.
  
  When the user type B then the first item which begins with B should be choosen which is Bike.
  
  And when the user type B again then the second item which begins with B should be choosen which is Boat.

  How can you customize the ComboBox to act like that?

  Or can you use the standard html select inside the flex grid?

  Can you make custom editor that inherits from ComboBox?

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 28 November 2022, 5:58 pm EST

  Hello,

  You can achieve similar functionality in ComboBox dropdown by handling the keydown event on the ComboBox editor and toggling between the items which start with a pressed key character. Please refer to the sample link below demonstrates the same:

  https://stackblitz.com/edit/js-8dlhgj?file=index.js

  Also, you can extend the wijmo controls to customize them as per your requirement.

  Regards