search

stefanocudini / bootstrap-list-filter

Search widget to filter Bootstrap lists
https://opengeo.tech/bootstrap-list-filter/
MIT License
99 stars 31 forks source link

Similar to issue #8, itemChild does not work in my case using bootstrap collapsible list group #17

Closed kevkha closed 6 years ago

kevkha commented 8 years ago

Similar to issue #8 in my case itemChild: 'h5, small', does not seem to work. If I use one of them it works like charm. Does itemChild support class as selector? I tried itemChild: '.list-group-item-head, .list-group-item-subhead', without success. Thanks in advance.

<div class="panel list-group" id="mylist">
    <a href="#" class="list-group-item" data-toggle="collapse" data-target="#targetID" data-parent="#dataParent">
        <h5 class="list-group-item-head">Head</h5>
        <span class="list-group-item-subhead"><small>Subhead</small></span>
    </a>
    <div id="targetID" class="sublinks collapse">
        <!-- more code here -->
    </a>
</div>
$('#mylist').btsListFilter('#filterinput', {
    itemChild: 'h5, small',
    resetOnBlur: false,
    initial: false
});
stefanocudini commented 8 years ago

Where do you use it? do you have a public url?

kevkha commented 8 years ago

I created an example here http://jsfiddle.net/kevkha/wtyrzv3u/ Try to filter the color name in Head and Subhead. Thanks.

stefanocudini commented 8 years ago

for now this plugin doesn't support multiple child selection ( #23 ) wait for this solution or you can try to implement it. Stefano

stefanocudini commented 6 years ago

@kevkha do you solve the problem?