The plugins site is currently in development.
We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.
Swap List
Creating UI for two lists with functionality to swap items between them
plug-in have three methods:
1- SetListData(Data): the input represented in json format as a list of items for first list, like { items: [{ key: 'item1', value: '1' }, { key: 'item2', value: '2'}] };
2- GetSelectedItems(): returns second list items in json format, like { items: [{ key: 'item1', value: '1' }]};
3- SetListClass(CssClassName): takes class name as input, this method concerned about setting css for lists
How to use?
1- add div element to your form,
2- use ready function to assign plug-in into div class "swaplist" or for your defined class in your div element, $().ready(function() {
var data = { items: [{ key: 'item1', value: '1' }, { key: 'item2', value: '2'}] };
$(".swaplist").SetListData(data);
$(".swaplist").SetListClass("listCss");
});
