양식 디자이너를 만드는 방법

Question

손에있는 문제 : 사용자가 다른 유형의 필드를 끌어서 놓을 수있는 양식 디자이너를 만들고 싶습니다. 레이아웃도 역시 wufoo form builder과 비슷하지만 레이아웃이 제한되어 있습니다. 단일 열을 사용하는 반면 사용자가 원하는대로 레이아웃을 만들 수있는 무언가를 만들고 싶습니다.

단일 열보기에서 수행하는 방법을 이해했지만 여러 열 레이아웃을 달성하는 방법을 이해할 수 없습니다. 예 : 행 1 3 요소, 행 2 전체 요소로 확장 된 행, 행 3 2 요소 등

내가 시도한 : jquery UI 정렬 할 수있는 새로운 요소를 끌어서 위치를 변경할 수있는 div 사용하여 단일 열 레이아웃을 만들려고했습니다.

더 진행 방법에 대한 어떤 제안은 I에 유래를 검색하려고 구글하지만, 비슷한 주제에있는 링크를 찾을 수있다

도움이 될 것입니다. 누군가가 나를 똑같이 지적 할 수 있다면 도움이 될 것입니다.

Answer 1

wufoo 양식 작성 도구에서 요소를 재정렬 할 때 드래그 앤드 업 또는 다운 만 가능합니다. 이 제한을 제거하면 한 요소가 특정 임계 값 위로 끌리 자마자 다음 열로 "속합니다". "이전"열이 처음 또는 마지막 열이고 요소가 이동 된 행이 양식의 "외부"인 경우 열의 최대 수가 될 때까지 새 열을 추가하십시오.

사용 된 열의 마지막 요소를 다른 열로 드래그하는 경우 요소 드롭에서 지금 비어있는 열을 제거하십시오.

열의 동적 추가/제거를 제거 할 수 있으며 코드로 수행하려면 버튼이 있습니다 ("열 제거"열 & "열 추가").

다른 열에서 낙하에 대한 예는 여기에서 찾을 수 있습니다 : http://jqueryui.com/sortable/#connect-lists

희망이 도움이!

편집 : http://jqueryui.com/sortable/#portlets 및 http://jqueryui.com/sortable/#empty-lists에도 살펴볼 수있는 요소가 있습니다. 행운을 빕니다! 좋은 프로젝트 같아. 진행 상황이나 베타 버전을 볼 수 있습니까?