2012-08-05 4 views
0

저는 GWT 웹 앱을 만들고 있는데 이것과 비슷한 정렬 가능한 목록을위한 jquery 코드를 구현하고 싶습니다. : http://jqueryui.com/demos/sortable/ 실제 구현은 좀 더 복잡합니다. GWT에는 이런 종류의 기본 지원이 없기 때문에 기본 jquery 코드를 삭제하려고합니다.GWT로 jquery 정렬 목록 사용하기

jquery 이벤트가 GWT의 동적으로 생성 된 목록 항목에서 트리거되지 않는 것 같습니다. 이 주위에 어떤 방법이 있습니까?

답변

1

드래그 & 드롭에 gwt-dnd를 사용합니다. 지금까지 매우 안정적이었습니다. 필요에

가장 가까운 데모 : 일반적으로 http://allen-sauer.com/com.allen_sauer.gwt.dnd.demo.DragDropDemo/DragDropDemo.html#InsertPanelExample

, 내가 jQuery를 & GWT를 혼합하는 것이 바람직 다른 GWT 라이브러리를 사용하여 발견했습니다.

+0

예, 저는 jQuery와 GWT가 함께 놀고 싶어하지 않는다는 것을 알았습니다. jQuery는 GWT가 밀어내는 동적 뷰에 바인딩 할 수 없다. 대신 iFrame에서 일부보기를 실행 한 다음 GWT를 사용하여 iFrame으로 이동하여 데이터를 꺼내겠다고 결정했습니다. iFrames를 사용하면 다른 프레임 워크의 범위를 제어하고 서로의 발가락을 밟지 않도록 할 수 있습니다. 나는 몇 줄의 js로 jQuery에서 할 수있는 일이있을 때 그들의 DnD 프레임 워크를 해킹하는 데 정말로 관심이 없다. –

+0

확인. 이별 조언 : iframe에서 다른보기를로드하면 다른 라이브러리를 사용할 수 있으므로 성숙한 GWT 라이브러리를 사용하는 것보다 더 많은 해킹처럼 보일 수 있습니다. –

+0

그래,하지만 GWT에서 다른 자바 스크립트 라이브러리를 사용하고 싶을 때마다 GWT 래퍼를 작성하고 필요에 따라 특정 방식으로 작동하도록 조정해야한다. GWT 내부에서 여러 개의 서로 다른 js 라이브러리를 함께 사용하려고하면 아무 문제가 없습니다. 이것은 그 문제를 해결할 것이고 앞으로 GWT 래퍼를 쓰지 않아도 다른 라이브러리를 쉽게 추가 할 수있게 될 것입니다. –

0

eeewwhwh gwt의 외부 js 라이브러리 ontop을 사용하지 마십시오. 그러면 메모리 누수뿐만 아니라 브라우저에서 실행중인 코드 엉망이 생깁니다.

멋진 정보를 찾으려면 GXT를 체크해야하지만 매우 큰 데이터 배열을 처리해야하는 앱의 경우 속도가 느립니다.

직접 구현하려는 경우 약간의 작업이되지만 불가능하지는 않습니다. 클릭하여 선택할 때 객체를 숨기거나 동적으로 표시해야 할 필요가 있습니다. 하나를 선택하여 토글하면 커서의 위치에 따라 객체의 절대 위치를 동적으로 변경해야합니다. 이 작업이 끝나면 객체 컨테이너에 리스너를 추가하여 마우스가 컨테이너 위에있을 때를 찾을 수 있습니다. 거기에서 좌표를 다시 잡아서 객체 경계 상자를 동적으로 표시하여 드래그 가능 객체 주위로 객체를 푸시 할 수 있습니다.

나는 이것을 처리하기 위해 gwt-dnd 라이브러리를 사용해야합니다.