2013-08-21 2 views
0

저는 WTForms를 처음 접했고이 하나의 http://davidstutz.github.io/bootstrap-multiselect/과 같은 부트 스트랩 스타일의 다중 선택을 WTForms에 통합하는 방법을 궁금해했습니다.부트 스트랩 다중 선택과 WTForms의 통합

나는 HTML을 직접 작성하여 다중 선택 드롭 다운 양식을 만들 수 있다는 것을 알고 있지만 내 양식 일관성을 유지하기 위해 WTForm 개체로 작업하고 싶습니다. WTForms SelectMultipleField 클래스를 드롭 다운 다중 선택 상자로 변환하는 간단한 방법이 있습니까? 아니면 더 정교하게 필요한 것이 있습니까?

감사합니다.

답변

0

하이브리드 방식을 권장합니다. JavaScript를 직접 작성하고 WTForms가 HTML 부분을 처리하게하십시오. 보통 SelectMultipleField을 만들고 렌더링시 다음과 같이 호출하십시오 : form.select_multiple(class_='multiselect'). 플러그인 자체는 유효한 HTML을 필요로하고 select 필드를 선택하여 자바 스크립트 부분 (페이지에 포함시킬 수 있음)을 적용하기 때문에.

물론 고급 기능을 원할 경우 위젯을 서브 클래 싱하여 SelectMultipleField으로 지정할 수 있습니다. 그런 다음이를 사용자 정의 위젯으로 사용하십시오 (예 : 링크 된 예제의 아이콘 부분).

정말, WTForms 부분에는 많은 수정이 필요하지 않습니다.