드래그 앤 드롭으로 MySQL에 삽입

Question

이것이 나의 첫 번째 질문이다. 나는 아래 정렬 목록에 "저를 아래로 드래그"상자를 드래그 할 때, 나는 그것이 PHP를 사용하여 내 MySQL의 테이블에 행을 추가하려면,

http://jqueryui.com/demos/draggable/#sortable

그러나 : 길고도 짧은 이야기, 나는이 작업을 수행 할 수 . 나는 이런 식으로 원하는 부분 달성 할 수 :

http://demo.tutorialzine.com/2009/09/shopping-cart-php-jquery/demo.php

을하지만 사용자가 jqueryui의 데모로 정렬 할 수 있어야합니다.

jqueryui 데모에서 위의 예에서 "나를 끌어다 놓으십시오"라는 말로 선택 목록이 있습니다. 이 목록은 MySQL 테이블에 대한 쿼리 결과입니다. 항목 1, 2, 3이 jqueryui 예제에있는 경우, 사용자가 원하는 목록 항목을 항목 1/2/3 영역으로 끌 때까지는 비어있게됩니다.이 영역은 정렬 가능해야합니다 (즉, 목록 항목을 드래그 할 수 있어야합니다. 목록을 만들고 원하는 순서를 만듭니다).

그래서 새 목록 항목을 항목 1/2/3 영역으로 드래그하면 어떻게 데이터베이스에 삽입합니까? 정렬을 수행하는 방법을 알고 있습니다. 그러나 실제로 항목을 정렬 할 수 있도록 목록에 추가하는 방법을 모릅니다. 그리고 구글 검색은 아무런 도움이되지 못했습니다.

아무도 올바른 방향으로 나를 가리킬 수 있습니까?

Answer 1

'사용자가 원하는 목록 항목을 항목으로 드래그 한 경우'작은 것으로 시작하여 javacript/jquery를 사용하여 alert() 또는 console.log()을 설정합니다. 그런 다음 alert() 또는 console.log()을 ajax 요청으로 바꿉니다.

Answer 2

나는 당신이 여기서 무엇을 요구하고 있는지 이해하지 못했습니다.

하지만 난 당신이 달성 한 경우 실제로 당신이 찾고있는 기대 후 jQuery를 UI 데모에 무엇이 그들에게

를 정렬 할 수 있도록 목록에 항목을 추가하는 방법을 몰라 사용자 수정 사항을 직렬화하고 데이터베이스를 업데이트하기 위해 서버에 수정 사항을 보내는 방법에 대해 설명합니다.

그렇다면 serialize 정렬 방법을 살펴보고 Ajax 요청으로 보내기 위해 목록 ID를 직렬화하는 것이 좋습니다.

.sortable("serialize" , [options]) 

또한 사용자가 종류를 변경하는 경우에 훅 수있는 change 이벤트가있다.

$(".selector").bind("sortchange", function(event, ui) { 
    ... 
});