TECHNOLOGIES
FORUMS
JOBS
BOOKS
EVENTS
INTERVIEWS
Live
MORE
LEARN
Training
CAREER
MEMBERS
VIDEOS
NEWS
BLOGS
Sign Up
Login
No unread comment.
View All Comments
No unread message.
View All Messages
No unread notification.
View All Notifications
Answers
Post
An Article
A Blog
A News
A Video
An EBook
An Interview Question
Ask Question
Forums
Monthly Leaders
Forum guidelines
Akshay
NA
82
46.9k
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>
Reply
Answers (
0
)
ADD,DRAG,DROP,REMOVE Using Jquery
Event for drop when u drop item jpages automatically refresh