2011-09-16 4 views
1

목록간에 드래그하는 목록 항목의 속성을 가져 오려고합니다. 목록은 JQuery-UI 스크롤 가능 플러그인을 사용하여 동적으로 작성됩니다. 목록의 스크롤 측면이 작동스크롤 할 수있는 JQuery UI의 속성 가져 오기 항목

, 난 그냥 어려움을 내 목록 항목

에서 속성 "그리드"를 얻는 데 여기에 내 자바 스크립트입니다. 당신은 당신이 당신의 draggingui를 사용할 수있는 한 목록에서 다른 목록으로 전달하는 목록 항목의 속성을 잡아하려면 여기

$(
    function() { 

     $("#sortable1, #sortable2").sortable({ 
      connectWith: ".connectedSortable" 
     }).disableSelection(); 

     $("#sortable1").bind("sortreceive", handlefinanceitemdrop); 

     $("#sortable2").bind("sortreceive", handlelinkdrop); 

    } 
) 

    function handlefinanceitemdrop(draggingevent, draggingui) { 

     alert($(".finance_item ui-sortable-helper").attr("frid")); 

    } 


    function handlelinkdrop(draggingevent, draggingui) { 

     alert($(".secenareo_item ui-sortable-helper").html()); 
    } 

는 예를 들어 목록 라인을

<li id="sl6" class="scenario_item" slid="6">Sample Transaction - Expence - Normal - Monthly - 50.00 - 50.00<br></li> 

감사

+0

UI-정렬 헬퍼는 항목을 끌고있는 클래스 이름에 추가됩니다, 내 라인의 예와 –

답변

1

입니다 객체를 사용하여 현재 드래그 된 요소를 확인합니다. 따라서 $(".secenareo_item ui-sortable-helper") 대신 draggingui.item을 사용하십시오. 나는 여기에 코드와 예제를 설정 :

http://jsfiddle.net/8rKvn/1/

+0

감사합니다 그래서 위의 기능 사이에 따라서 차이 많이 예를 들어 주셔서 감사합니다. 참 멋진 사이트. 사실 꽤 웃기 때문에 웃고 있습니다. 고맙습니다. –

관련 문제