jQuery UI Widgets Forums Lists ComboBox Search filter only matching items

This topic contains 7 replies, has 3 voices, and was last updated by  Stanislav 6 years, 8 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • Search filter only matching items #97908

    supun151515
    Participant

    Hello,
    Good Day,
    I am trying to figure out how combobox can only show the matching items while I am typing on input.
    Example: I am trying to search with letters ‘malay’, Combobox shows all the items and bold the matching items. But I only need to show matching items and hide all other items.

    see the image attached
    Image shows all items

    Search filter only matching items #97911

    Stanislav
    Participant

    Hello supun151515,

    Here is an example: Link
    When you start typing, if combobox finds that your input is contained in an element, it will give you that element as a suggestion.

    Best Regards,
    Stanislav

    jQWidgets Team
    http://www.jqwidgets.com/

    Search filter only matching items #97918

    supun151515
    Participant

    Hello Stanislav,
    Thank you for your reply. I have tried your example. As per your example, I typed caf combobox should dropdown and show only matching items `
    “Café Bombón”,
    “Café au lait”,
    “Caffé Corretto”,
    “Café Crema”,
    “Caffé Latte” `

    I don’t expect searchMode:’endswith’
    Hope you understand my explanation.
    Thank You,
    Supun Silva

    Search filter only matching items #97921

    Stanislav
    Participant

    Hello Supun Silva,

    I am sorry, the fiddle didn’t save the example I wanted to give you.
    Here is an updated example, instead of searchMode:'endswith', you should use searchMode:'containsignorecase',.
    http://jsfiddle.net/Lb92uswj/

    Best Regards,
    Stanislav

    jQWidgets Team
    http://www.jqwidgets.com/

    Search filter only matching items #98443

    MastanRao
    Participant

    Hi Team,

    jqwidget Combobox not selecting first option after filter

    Search from Comboboxlist by typing and select the highlighted item from mouse or keyboard.Change event was not firing for the first selected highlighted item.

    Check from the below url as example :

    http://jsfiddle.net/jqwidgets/EBGEz/

    Please provide solution for these issue.

    Thanks
    MastanRao B.

    Search filter only matching items #98465

    Stanislav
    Participant

    Hello MastanRao,

    What exactly do you mean? When I start typing something in the combo box, a pop-up appears with the first matching element from the list.After that, when I press enter I select the element.

    Best Regards,
    Stanislav

    jQWidgets Team
    http://www.jqwidgets.com/

    Search filter only matching items #98745

    MastanRao
    Participant

    Hi Team,

    Thanks for your reply. When you type something in the combo box, a pop-up appears with the first matching element from the list is correct. After that, when i press enter or mouse click for combo box change event is not firing for the selected list item.
    Please check with the below reference url

    http://jsfiddle.net/jqwidgets/EBGEz/

    combox change event is firing other than selected list item.

    Thanks
    MastanRao B.

    Search filter only matching items #98746

    Stanislav
    Participant

    Hello MastanRao,

    When you start typing in the input of the combobox it will fire the change event right away.
    In the tests I did, when I type something in and hit ‘enter‘ it selected the item.
    Try adding this to your code, it might help: searchMode: 'startswithignorecase',

    Also, take a look at the input API and settings, since the combobox has that widget build-in. Link

    Best Regards,
    Stanislav

    jQWidgets Team
    http://www.jqwidgets.com/

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.