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 이렇게 들어감.




최신 버젼에서는 안됨.


댓글 없음:

댓글 쓰기