This time I will share jQuery Plugin and tutorial about Multi Select List View Plugin With jQuery And Bootstrap – multilist, hope it will help you in programming stack.
multilist is a jQuery plugin which converts an html list into a Bootstrap list group that allows to select multiple items and can be loaded via JSON objects.
How to use it:
1. Load the required jQuery library and Bootstrap’s stylesheet in the document.
1 |
< link rel = "stylesheet" href = "/path/to/bootstrap.min.css" > |
2 |
< script src = "/path/to/jquery.min.js" ></ script > |
2. Load the jQuery multilist plugin’s files in the document.
1 |
< link rel = "stylesheet" href = "multi-list.css" > |
2 |
< script src = "jquery.multilistbootstrap_plugin.js" ></ script > |
3. Prepare your data as follows:
01 |
var myData = [ "Element 1" , "Element 2" , "Element 3" ] |
06 |
category: "Element 1" , |
10 |
category: "Element 2" , |
14 |
category: "Element 3" , |
4. Create an empty html list in the webpage.
5. Render a basic list view inside the html list.
6. All default configuration options..
6 |
backgroundColor: "white" , |
This awesome jQuery plugin is developed by hectorlr22. For more Advanced Usages, please check the demo page or visit the official website.