2012-03-29 4 views
-1

다음 문제에 대해 jsp/struts/servlet에 작성된 예제 코드.예제 프로젝트의 순서를 변경하는 방법

나는이 주제에 대해 많은 시간을 보냅니다. "사용자는 표시된 행을 순서화 할 수 있습니다".

브라우저 (tr, td 태그)의 연습 문제를 오름차순으로 표시하고 있지만 원하는대로 각 연습 문제를 주문하고 싶습니다 (드래그/드롭 또는 일부 버튼 클릭).

그리고 내가 로그 아웃 한 다음 다시 로그인 할 때 내 운동 순서는 이전과 같아야합니다.

+0

http://jqueryui.com/demos/sortable/에서 찾을 수 있습니다 그/그녀가 행/cloumn을 주문했다 방법을 볼 수 각 사용? –

답변

0

jquery sortable 유틸리티를 사용할 수 있습니다. 이 같은 테이블이 있다고 가정하자 :

<table> 
    <tbody><tr> 
     <td>Foobar1</td> 
     </tr> </tbody> 
    <tbody><tr> 
     <td>Foobar2</td> 
    </tr> </tbody> 
<tbody><tr> 
     <td>Foobar3</td> 
    </tr> </tbody> 
    <tbody><tr> 
     <td>Foobar4</td> 
    </tr> </tbody> 
<tbody><tr> 
     <td>Foobar5</td> 
    </tr> </tbody> 
</table> 

데모 : http://jsfiddle.net/aWFrK/

이 그럼 당신은 드래그를 활성화하고 기능을 삭제할 수 있습니다 jQuery 코드를 사용하여.

$("table").sortable(); 

자세한 내용은, 귀하의 요구 사항에 따라

+0

네, 내 페이지에서 사용했지만 내 페이지를 새로 고친 다음 변경된 주문이 동일하지 않습니다. 내 데이터베이스에서 뭔가를 변경해야한다고 생각합니다. 내 데이터베이스에 추가 필드를 추가해야하는 것과 같은 세부적인 방법으로 알려주거나 내 데이터베이스에 저장하기위한 예제 프로그램을 보내주십시오. –

+0

테이블에 행의 인덱스를 저장해야하는 데이터베이스에 'ordering' 필드를 추가 할 수 있습니다 (예 : 첫 번째 TR의 인덱스가 0이므로 1을 = 1로 추가). 그리고 SQL 질의를 사용하여'ordering '명령으로 표시 할 행을 가져옵니다. 정렬 가능한 유틸리티를 사용할 수있는 콜백이있어서 어떤 행이나 모든 것을 한꺼번에 삭제할 때 순서를 저장하게 해준다. – codef0rmer

+0

님, jsp/java로 작성된이 작은 예제를 1 부 보냅니다. 이메일 : [email protected] –

관련 문제