Lobilist

jQuery plugin for todo lists. Supports drag & drop issues. Multiple lists with different colors. Support for communication to backend

Features

• Multiple list support
• Load lists and todos by ajax
• List style support
• Custom Checkboxes
• Drag & drop support of lists and todos
• Ajax support for TODO Add, Edit and Delete actions

Usage

LobiList initialization is simple. Just create an empty <div> and call plugin.

<div id="todo-lists-demo"></div>
<script>    $(function(){
        $('#todo-lists-demo').lobiList({
            //Options
        });
    });</script>
                        

Plugin contains 2 internal classes: LobiList and List.

You have option to set defaults for LobiList and all List instances will take these options. But if you want different option for List you can override LobiList option by specifying different options for List.

$('selector').lobiList({
    //Every list will have default style 'lobilist-info'
    defaultStyle: 'lobilist-info',
    lists: [
        {
            //This list will have style 'lobilist-danger' instead of 'lobilist-info'
            defaultStyle: 'lobilist-danger',
            ...
        },
        ... //other lists
    ]
});

Examples