search

1rosehip / jplist

jPList jQuery Data Grid Controls is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (DIVs, UL/LI, tables, etc).
http://jplist.com
Other
436 stars 177 forks source link

Range filter in select #250

Open RvWensen opened 7 years ago

RvWensen commented 7 years ago

I trying to make a working version with a dropdown filter with jplist. I tried a lot off combinations like:

  <select class="jplist-select" 
     data-control-type="range-filter" 
     data-control-name="price-range-filter" 
     data-control-action="filter">
     <option>Geen voorkeur</option>
     <option data-path=".price" data-max="300000">300.000</option>
     <option data-path=".price" data-max="400000">400.000</option>
     <option data-path=".price" data-max="500000">500.000</option>
  </select>

i checked:

  1. http://jplist.com/documentation/control-settings/range-toggle-filter
  2. http://jplist.com/documentation/control-usage/range-toggle-filter

But I can't find a working demo, or get it working but in the documentation there stands:

Any HTML element can be used (button, INPUT, SPAN etc.) Someone an idea?