unisharp/dndsort

Help building sorted list items.

dev-master 2015-10-14 19:20 UTC

MIT

• Unisharp Ltd.

• jquery
• javascript
• sort
• dnd
• dndsort
• drop and drag

README

Help building sorted list items by jQuery.

Installation

• this plugin requires jQuery and jQuery-UI

Initialization

• generate list items :

  	$('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

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

• generate sorted data

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

  this make input like below :

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

Setting Attributes

Todo

• Add support for not-listed items.