table 목록 순서 드래그로 바꾸기

페이지 정보

profile_image
작성자 LJM
댓글 0건 조회 146회 작성일 18-10-13 15:26

본문

<script> 

//tablednd 드래그앤드롭 시작

$(function(){

$('#table-1').tableDnD({

onDragClass: "dragRow",

onDrop: function(table, row) {

ordered_items = $('#table-1').tableDnDSerialize();

        $.ajax({ 

            url: "./rank.php",

            type: "POST",

            data: ordered_items,

            dataType: "json",

            async: false,

            cache: false,

            success: function(data, textStatus) {

                subject = data.subject;

                content = data.content;

            }

        });

 

// alert(ordered_items);

// $('#result').load("test.php?" + ordered_items);

},

dragHandle: ".dragHandle"

});

 

$("#table-1 tr").not(".nodrag").hover(function() {

$(this.cells[1]).addClass('showDragHandle');

}, function() {

$(this.cells[1]).removeClass('showDragHandle');

});

}) 

//tablednd 드래그앤드롭 끝

</script>

 

<table id="table-1" cellspacing="0" cellpadding="2" >

    <tr class="nodrag nodrop"><td>1</td><td>One</td><td>some text</td></tr>

<tr id="1"><td>1</td><td>One</td><td>some text</td></tr>

    <tr id="2"><td>2</td><td>Two</td><td>some text</td></tr>

    <tr id="3"><td>3</td><td>Three</td><td>some text</td></tr>

    <tr id="4"><td>4</td><td>Four</td><td>some text</td></tr>

    <tr id="5"><td>5</td><td>Five</td><td>some text</td></tr>

    <tr id="6"><td>6</td><td>Six</td><td>some text</td></tr>

</table>

 

 

===== test.php =====

<?php

$table_1 = $_GET['table-1']; 

echo '저장순서 : '; 

foreach ($table_1 as $key=>$value) { 

    echo '순번 '. ($key+1) . ' 번의 DB idx = '. $value . ', '; 

    // DB에 결과를 반영하고자 하는 쿼리문을 적어준다 

    // $query = 'UPDATE table SET orderNO = '.($key+1).' WHERE idx = '.$value.' LIMIT 1'; 

    // mysql_query($query) or die (mysql_error()); 

?>

첨부파일

댓글목록

등록된 댓글이 없습니다.

로그인