Support custom filtering

[ghost]

@yoeriboven commented on May 7, 2018, 10:40 AM UTC:

It might be a good idea to let the user do the filtering. Currently I'm working on a project in which I want the search to be done in the value of the option or in the text with startsWith as the option.

This could be done like this:

$('.selectpicker').on('typed.bs.select', function (input) {
  // Filter results here

  return results; // Array of results
});

Any suggestions?

This issue was moved by caseyjhol from snapappointments/bootstrap-select-temp#56.

[ghost]

@devjerry commented on May 29, 2018, 2:26 AM UTC:

I'm in similar need.

In addition to setting 'startsWith' or 'contains' in liveSearchStyle option, there should be an option to pass custom function for filtering.

Something similar as https://select2.org/searching

Example:

Let's say I have following selectbox:

<select class="selectpicker" data-live-search="true">
    <option value="1">Paris - Black office</option>
    <option value="2">Paris - Red office</option>
    <option value="3">London - Black office</option>
    <option value="4">London - Red office</option>
</select>

After typing don bla I would like to have London - Black office in search results. So I would write my custom filtering function like this:

$('.selectpicker').selectpicker({
    liveSearchStyle: function(searchTerm, item) {
        return searchTerm.toLowerCase().split(' ').every(function(word) {
            return item.toLowerCase().indexOf(word) !== -1;
        });
    }
});

In the example item parameter represented current text of <option>. I would imagine it could be an object containing different parameters of current item in iteration (e.g. it's index, <option> text, <option> value, if it's inside <optgroup>, ...).

[caseyjhol]

This change will be a part of the v1.14.0 release. This issue will be updated after it's made available.

[caseyjhol]

Released in v1.14.0-beta!