prob with automatic jpages after drag drop jquery(html)
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>