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
437 stars 177 forks source link

Bootstrap Dropdown Filter not working #183

Closed sgaul1 closed 8 years ago

sgaul1 commented 8 years ago

jPList - jQuery Data Grid Controls 5.2.0.6 is the header of the js file I am using, but it causes the rest of the controls (pagination, sorting, etc...) to stop working.

1rosehip commented 8 years ago

You should download the latest versions of all other controls to make it work.

sgaul1 commented 8 years ago

I do have the latest versions. I am using only the bootstrap controls as of right now. jPList - jQuery Data Grid Controls 5.2.0.5 for sorting jPList - jQuery Data Grid Controls 5.2.0.12 for pagination

1rosehip commented 8 years ago

Please download the latest version of the core file (5.2.0.242 for now). Also you can compare your code with demo pages to find out the differences: https://github.com/no81no/jplist/tree/master/demo

sgaul1 commented 8 years ago

I updated the core file and was unsuccessful in fixing this issue. It seems that all of the controls stop working only when i include jplist.bootstrap-sort-dropdown.min.js on the page. If it is commented out the remaining controls will continue to work

1rosehip commented 8 years ago

So the issue is only with jplist.bootstrap-sort-dropdown.min.js? Bootstrap pagination works well?

sgaul1 commented 8 years ago

I'm sorry, I copied the wrong file name. jplist.bootstrap-filter-dropdown.min.js Is the file I am having issues with. If this file is not included in the project, both jplist.bootstrap-pagination-bundle.min.js and jplist.bootstrap-sort-dropdown.min.js work perfectly.

1rosehip commented 8 years ago

OK, I'll check this control and let you know.

1rosehip commented 8 years ago

Please use the following working demo: https://github.com/no81no/jplist/blob/master/demo/13-bootstrap-mixed.html

sgaul1 commented 8 years ago

Thank you for your help! The problem is coming from my HTML, as I am not calling something correctly.

sgaul1 commented 8 years ago

data-control-type="boot-filter-drop-down"

This is where I'm runnning into issues

1rosehip commented 8 years ago

You can try starting from the demo page and replace its parts with your own code step by step. This way you may figure out the issue with your HTML.

sgaul1 commented 8 years ago

I am using an asp:GridView to get data from an SQL database, and it seems this is causing the issue. I took my code for the GridView and replaced it in the demo and it no longer worked. Should i just build a regular table?

Edit: turns out it won't work with a manually created table either

1rosehip commented 8 years ago

Please use jsFiddle, jsBin, or Codepen to recreate you issue test case HTML. I should see the issue so I could help you..

sgaul1 commented 8 years ago

I took a few days to fiddle around with it, and i actually used jplist.filter-toggle-bundle.min.js and styled it to look like the Bootstrap dropdown, and it is now working. Thank you for your help though!

1rosehip commented 8 years ago

I'm glad that it works now 👍