2012년 6월 5일 화요일

jquery sortable 사용법


<script type="text/javascript">
$(document).ready(function() {
$("#table_sortable tbody.content").sortable({
update: function() {
$('input[name="members[]"]').each( function(index,elem) { //인덱스
$('#table_sortable tbody.content tr:eq('+ index +') td input:eq(3)').val(index); //타겟
});

}
});

});
</script>


테이블단위의 sortable은 위와 같이 tbody를 사용한다.

update: 는 이동 완료했을 시 시작.

위의 코드는 테이블을 이동했을 시, members[] 를 읽어들어가며 타겟의 값을 index 값으로 순서대로 변경 해주는 코드

순서를 옮기면 타겟값에 무조건 위에서 부터 0,1,2,3,4,5 이렇게 들어감.




최신 버젼에서는 안됨.


댓글 없음:

댓글 쓰기