Akshay

Akshay

  • NA
  • 82
  • 45.2k

prob with automatic jpages after drag drop jquery(html)

Nov 12 2014 8:53 AM

reference jpages=http://luis-almeida.github.io/jPages/

i m using Drag & drop with jpages, problem is =  when
i drag item from 1 list and drop into another list item added but pagination not apply.


list 1 contain= 10  
  perpage=5

so o/p=
< 1 2 > 




ist 2 contain= 10  
  perpage=5

so o/p=
< 1 2 > 

drag item from 1 list and drop into another list 2 item added but pagination not apply.
that time o/p should be <1 2 3> but it not show like this
 
that time item on list 2=11
and 
how to set pagination property automatically  



<script>
  $(function () {
  $('.draggable-4').draggable({ revert: true });
  $('#droppable-7').droppable({
  hoverClass: 'active',

  drop: function (event, ui) {
  $(ui.draggable).remove();
  }
  });



  $("#sortable1,#sortable2").sortable({
  connectWith: ".connectedSortable"
  }).disableSelection();


  $("#holder").jPages({
  containerID: "sortable2",
  perPage:12,
  startPage: 1,
  startRange: 1,
  midRange:2,
  endRange: 1
  });

  $("#pager").jPages({
  containerID: "sortable1",
  perPage: 6,
  startPage: 1,
  startRange: 1,
  midRange: 2,
  endRange: 1
  });


  });



  </script>