2011-04-23 7 views
0

머리말과 꼬리말로 시작하는 표가 있으며 사용자가 행을 추가합니다.jQuery 드래그 앤 드롭을 사용하여 생성 된 표의 순서를 바꿉니다.

나는 사용자가 이러한 방식으로 어떤 행을 구성 할 수 있기를 원합니다. 드래그 앤 드롭이 가장 직관적 인 것처럼 보입니다.

.delegate 또는 .live 작동 방식과 비슷한 라이브 콘텐츠에서 작동하는 플러그인 또는 기타 코드를 찾을 수없는 것 같습니다. 어떤 아이디어?

* 편집 : 나는 사용자가 추가 한 행을 재 배열하기 위해 임시 솔루션이 함께했다

(내가 올려 테이블에서 아래쪽 화살표를, 클래스 .uparrow와 .downarrow). 나는 그들을 드래그 앤 드롭하는 방법을 찾기를 여전히 희망하고있다. 사람이 관심이 있다면

, 여기에 화살표에 대한 코드입니다 : 나는 비슷한 문제의 전 처리

$('#garmenttable').delegate('.uparrow','click',function() { 
    var thisObj = $(this).closest('tr');  
    var prevTR = thisObj.prev('tr:not(.header)'); 
    if(prevTR.length) {   
     prevTR.before(thisObj.clone(true, true)); 
     thisObj.remove(); 
    } 
}); 
$('#garmenttable').delegate('.downarrow','click',function() { 
    var thisObj = $(this).closest('tr');  
    var nextTR = thisObj.next('tr:not(.footer)'); 
    if(nextTR.length) {   
     nextTR.after(thisObj.clone(true, true)); 
     thisObj.remove(); 
    } 
}); 

답변

0

및 테이블에서 드래그 앤 드롭 작업은 큰 두통이었다. div로 대체하는 작업을 마쳤습니다. 어쨌든 드래그를위한 'proxy'요소를 사용하여 테이블 행 자체를 드래그하지 않고 할 수 있습니다. 여기에 당신은 내가 드래그 앤 드롭 이러한 플러그인을 사용하고 프록시를 사용하여 샘플>http://threedubmedia.com/code/event/drag/demo/proxy

을 찾을 수 있습니다, 그들은 내 영어에 대한 http://threedubmedia.com/

죄송합니다 정말 좋은입니다.

관련 문제