나는 스케줄링 할 항목을 끌어다 놓은 스케줄러를 시도하고 프로토 타입을 작성하기 위해 jsfiddle.net을 사용 해왔다. "할당되지 않은"목록에서 일하는 일정표로 드래그 앤 드롭했습니다. 나는 또한 일하는 일정표에서 제거하는 능력을 얻었다. 내 머리를 감싸는 데 어려움을 겪고있는 것은 테이블의 항목을 테이블의 다른 부분으로 이동하는 것입니다.jQuery 및 HTML5 끌어서 놓기 테이블 (스케줄러)
바이올린은 here입니다. 내부 끌기 및 놓기 작업에 대한 제안은 감사하겠습니다. 나는 하루 종일 일하고 있었고 나는 흐릿한 시야를 갖기 시작했습니다. 아, 그리고 내가하고있는 일이 더 잘될 수 있다고 생각한다면 꼭 바꾸어주세요. 바이올린의 버전이 무엇인지 알려주세요.
UPDATE @SMathew와 내가 직접 주변의 테이블 셀을 이동하고 있지 않다 전체 바이올린을 다시 한 @darksky 당으로
, 대신에 그 내용.
나는 너희들이 div
의 및/또는 span
S를 사용하는 것이 좋습니다 알지만, 30 개 단위로 셀의 높이를 지정하는 테이블의 구조, 특히 rowspan
를 사용하고 싶습니다. 원본 사이트에서 rowspan
의 영향을받는 셀을 복원하고 대상 사이트에서 rowspan
과 충돌 할 셀을 제거해야하기 때문에 현재 버그가있는 셀 (또는 해당 내용)을 이동하는 유일한 버그가 있습니다. .
업데이트 된 바이올린은 here입니다.
업데이트 2 (FINAL)는
그래서, 난 다시 드로잉 보드로 가서, 64 바이올린 후, 나는 마침내 내가하고 싶은 일을하는 데있어. 결국, 테이블의 구조를 조작하지 않고 모든 것이 잘 작동하도록하는 트릭. 행상에있는 셀을 display: hidden
으로 설정하면됩니다.
어쨌든, 관심이있는 누구나 새로운 피들은 here입니다. Chrome에서 API를 처리하는 데 문제가 있음을 발견했습니다. 나는 그들을 (부분적인 폭언과 함께) 바이올린에 언급했다.
이 기사는 http://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html – darksky
@ darksky, 예, 그 기사를 읽었습니다. 나는 그것이 약 3 년 전에 출판되었음을 지적 할 것이다. 그 이후로 사양이 변경되지는 않았지만 아마도 브라우저 지원이 안정되고 더 강력해질 것이라고 확신합니다. API는 정직하기가 힘들지 않으며, 기사는 나에게 내가 원하는 것을 성취하는 방법을 찾지 못한다. 사실, 기능에서 누락 된 것은 드래그 앤 드롭 API 로직보다 일반적인 JavaScript 로직입니다. – Gup3rSuR4c
좋습니다. 나는 개인적으로 Google 캘린더가하는 것처럼 이렇게 할 것입니다. 예를 들어, 캘린더 테이블 앞에있는 div를 움직여서 자신이하는 것처럼 테이블 자체를 조작하는 대신 이벤트를 표시합니다. – darksky