Case Sensitive content search on wjComboBox control

Posted by: nilesh_nichal on 12 May 2020, 9:14 pm EST

  • Posted 12 May 2020, 9:14 pm EST

    Hi Wjimo Team,

    We are using wjComboBox input control in our application, and I am looking case-sensitive search feature on wjComboBox control. This feature should be configurable property like some sort of Boolean flag.

    I am unable to find out such kind of feature in wjComboBox input control. Kindly assist me, How I can achieve this feature in current controls?

    Warm Regards

    Nilesh Nichal

  • Posted 13 May 2020, 3:29 pm EST

    Hi Nilesh,

    We are sorry but currently there is not method that can be used to set case sensitive search. But, we have added an enhancement request for the same to the developers with internal tracking id 435228. We will update you once this feature is implemented.

    Regards,

    Ashwin

  • Posted 18 May 2020, 3:11 pm EST

    Hi Ashwin,

    Right now we are block for this feature on wjComboBox control, this is an urgent requirement.

    Can you let me the expected release Date?

    Warm Regards

    Nilesh Nichal

  • Posted 19 May 2020, 3:01 pm EST

    Hi Nilesh,

    A new property has been added in the latest nightly build known as caseSensitiveSearch which is false by default. Please refer to the sample below and let us know if this property works for you:

    https://stackblitz.com/edit/js-bucre7

    PS: Nightly builds have not passed through the QA cycles as all of our release builds do. Therefore, they are not suitable in production environment.

    ~regards

  • Posted 19 May 2020, 10:10 pm EST

    Hi Ashwin,

    Thanks for quick response.

    It is working but still list have mix content.

    When set caseSensitive true and search content apply then list should get filter based on the typed content in comboBox as per case.

    Warm Regards

    Nilesh Nichal

  • Posted 20 May 2020, 4:30 pm EST

    Hi Nilesh,

    I am sorry but I was not able to understand your issue properly. It seems that your requirement is to filter the list after applying a search in the ComboBox. Searching in the combobox does not have any affect on the list. If you need to filter out the searched values, then try using AutoComplete.

    ~regards

  • Posted 21 May 2020, 5:27 pm EST

    Hi Ashwin,

    We have requirement like:

    ComboBox should have Case-sensitive property like you implemented now and once user typed-in, based on that list should display matching result, this needs to work on static list.

    AutoComplete will load data dynamically which require server calls, if we make this as static, it also require case-sensitive property and result should have filtered result.

    Warm Regards

    Nilesh Nichal

  • Posted 21 May 2020, 10:11 pm EST

    Hi Nilesh,

    Since AutoComplete extends ComboBox, it can be used with static data just like ComboBox. Retrieving data from the server is an extended functionality of AutoComplete.

    And due to inheritance, the autocomplete now also have the caseSensitiveSearch property. Please refer to the sample below that demonstrates your requirements.

    https://stackblitz.com/edit/ckkyne-rfpkgd

    ~regards

  • Posted 27 May 2020, 7:02 pm EST

    Hi Ashwin,

    In AutoComplete Control can be use but it has some limitation like:

    – its search on content only.

    – once item get selected and then click on dropdown icon it shows selected list only

    – does not have Start with like combo-box have.

    We have requirement like:

    – When end-user will do a search based on typed character result should display matching records.

    – After selection, if drop-down icon is clicked then all drop-down list item should get displayed in list.

    I am using wijmo verison 5.20193.637.

    Warm Regards

    Nilesh.

  • Posted 27 May 2020, 8:38 pm EST

    Hi Ashwin,

    I would like know the enhancement request date and it should to be available in this verison 5.20193.637 only.

    Warm Regards

    Nilesh,

  • Posted 28 May 2020, 6:36 pm EST

    Hi Nilesh,

    We are sorry but we do not add bug fixes and enhancements in the previous versions. Moreover, the build with this new property has been released and you do not need to use nightly build anymore.

    Regarding your requirements. there is a searchMemberPath property in AutoComplete which can be used to specify which properties should be used to search. You can add different properties by comma separated values.

    https://www.grapecity.com/wijmo/api/classes/wijmo_input.autocomplete.html#searchmemberpath

    Regarding the drop-down, there is a way by which you can implement the behavior in which the list will be filtered out according to the input but if you will click on the drop-down, then all of the items will displayed, using 2 different autocomplete.

    One can be used for filtering the list and the other for displaying all the items. Please refer to the sample below for reference:

    https://stackblitz.com/edit/ckkyne-rfpkgd

    ~regards

  • Posted 11 June 2020, 10:09 pm EST

    Hi Ashwin,

    This is an small change in combo-box control, it difficult to update the full version with latest version. Kindly help me on this.

    As per your suggestion to use two auto-complete control and with given demo.

    https://stackblitz.com/edit/ckkyne-rfpkgd

    this has usability issues:

    1. Not able to select other filter list item
    2. Filter list is not scrollable
    3. wrong value selection in filter list.
    4. Result list not getting close, when clicking out side.

    Warm Regards…

  • Posted 14 June 2020, 4:54 pm EST

    Hi Nilesh,

    Sorry for the inconvenience caused. I have updated the sample:

    https://stackblitz.com/edit/ckkyne-8qftbx

    The 1st and 2nd issue were arising because I used JSON.parse method to provide the data source, which was being updated at each change detection cycle.

    Regarding the 3rd issue, bind both the autocomplete to the same variable.

    Regarding 4th, add an event listener to the DOM and if click is outside the drop-down, close it.

    I hope this helps.

    ~regards

  • Posted 24 June 2020, 7:19 pm EST

    Hi Ashwin,

    Thanks for working demo with solution.

    Couple of queries:

    1. Can combo-box/autocomplete control have start-with search? because auto-complete control have content search.
    2. Given example have two control, Do we have one control with all combination?

    Warm Regards…

  • Posted 25 June 2020, 7:17 pm EST

    Hello Nilesh,

    The combobox only searches the items using something like startsWith. This means, the value which it will search will always starts with the input you entered. But, this is not possible in autocomplete because it is a search based control and unfortunately we cannot change this.

    Regarding the combined control, we are sorry but there is no control with the combination of these two. If there was, then instead of using two different autocomplete, we would have suggested you to use that control.

    If you are facing any issues with the above implementation, please feel free to ask us.

    ~regards

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels