2017 © Pedro Peláez
 

library dndsort

Help building sorted list items.

image

unisharp/dndsort

Help building sorted list items.

  • Wednesday, October 14, 2015
  • by g0110280
  • Repository
  • 4 Watchers
  • 0 Stars
  • 30 Installations
  • JavaScript
  • 0 Dependents
  • 0 Suggesters
  • 0 Forks
  • 0 Open issues
  • 1 Versions
  • 0 % Grown

The README.md

dndsort

Help building sorted list items by jQuery., (*1)

Installation

  • this plugin requires jQuery and jQuery-UI

Initialization

  • generate list items :, (*2)

        $('ul#sortable').sortable();

    $('#sortable').dndsort('init', {
      data : [],               // set your items
      submit_name : 'sorted',  // set sorted input field name
      labels : {},             // set labels for new item and buttons
      attrs : {},              // set attributes for list and buttons
      render : func_render     // set custom rendering function
    });

  • generate new item in list, (*3)

        $('#new-data').click(function(){
      $('#sortable').dndsort('new');
    });

  • generate sorted data, (*4)

        $('#submit').click(function(){
      $('#sortable').dndsort('save');
    });

    this make input like below :, (*5)

        <input type='text' name='sorted' value='sorted_data_in_json'>

Setting Attributes

Todo

  • Add support for not-listed items.

The Versions

14/10 2015

dev-master

9999999-dev

Help building sorted list items.

  Sources   Download

MIT

by UniSharp Ltd.

jquery javascript dnd sort dndsort drop and drag