Sugestie dla konstruktora formularzy JavaScript?

Question

Szukam zintegrowania kreatora formularzy z witryną, której używam, ale mam nadzieję, że znajdę bibliotekę, która ma niektóre lub większość funkcjonalności, których szukam.

Szukam biblioteki, która da mi ładny GUI do budowania formularza i wyjście JSON (lub XML, lub podobne), które można odtwarzać w backendu django. Planuję użyć django do wyprowadzenia gotowego formularza.

Próbowałem uruchomić to przez Google, ale to tylko daje firmom, które robią biznes z tworzenia i hostingu formularzy online. Ale nic w formie biblioteki.

Wszelkie sugestie?

Answer 1

Jeśli nie przeszkadza ci spędzanie trochę gotówki można spojrzeć na:

Machforms: http://www.appnitro.com/

Samo narzędzie do tworzenia formularzy jest całkowicie JS po stronie klienta, więc wystarczy umieścić wynik (który jest JSON) w django zamiast w ich skryptach php.

Answer 2

Może to nie jest prawidłowa odpowiedź, ale spojrzeć w każdym razie, to jest niesamowite: umieścić niektóre bardzo jasne i proste do odczytania kodu w Javie - serwer i masz pełną formę AJAX/JavaScript. Wystarczy spojrzeć na wersję demo here.
Przysięgam, że naprawdę, naprawdę niesamowite.

Olivier

Answer 3

Nie sądzę, jest coś dokładnie jak to, co chcesz tam; prawdopodobnie najbliższym byłby edytor tekstu formatowanego, taki jak FCKEditor lub TinyMCE. Te biblioteki przypominają trochę interfejs użytkownika, którego używałeś do pisania swojego pytania w StackOverflow, z tym wyjątkiem, że mają przyciski paska narzędzi dla różnych elementów FORM (lub jeśli nie, możesz je łatwo dodać).

Użytkownik, który spotkał się z jednym z tych edytorów (zakładając, że skonfigurowałeś go jako przyciski dla elementów FORM) byłby w stanie ułożyć formularz bez wiedzy technicznej.

Jeśli jednak edytor tekstu sformatowanego nie działa dla Ciebie, to w zasadzie utknąłeś z użyciem czegoś w rodzaju biblioteki jQuery UI (myślę głównie o bibliotece podrzędnej Draggable), aby zbudować własne rozwiązanie .

Answer 4

W zeszłym roku powstał projekt Google Summer Of Code, który zbudował edytor formularzy metodą przeciągania i upuszczania przy użyciu zestawu narzędzi JavaScript Dojo. Nie jest w 100% kompletny pod względem funkcjonalności, o której myślę, że byś chciał.

Zrzuca obiekt javascript reprezentujący formularz, który można przekonwertować na JSON, aby przesłać go przez przewód.

W zależności od posiadanego zestawu umiejętności JavaScript, powinien on pomóc w rozwiązaniu problemu.

Demo jest tutaj: http://jbalogh.dojotoolkit.org/dojo-svn/release/dojo/soc/test.html

blogu posty osoby pracującej na nim: http://www.dojotoolkit.org/blog/jbalogh

Answer 5

To zależy, jeśli jesteś gotowy, aby go zaprogramować samemu. Jak dynamiczny chcesz tego? Prosty program do tworzenia formularzy nie powinien być zbyt trudny do zaprogramowania przy użyciu GWT, lub your-favorite-js-library, jeśli chcesz iść tą drogą. Polecam GWT, ponieważ jest naprawdę zabawny, prosty w użyciu i dba o niezgodności między przeglądarkami.

Oto kilka myśli o możliwych wejść do każdego formularza/pytanie:

• pojedynczej linii (dla nazw itp)
• RichTextArea (podobnych do FCKEditor)
• Kalendarz daty/godziny
• wielu opcje (pole wyboru)
• Pojedyncze wybory (wybór listy)

Każde wejście wymaga odpowiedniego pytania lub etykiety. Te muszą być obsługiwane w Modelu w Django i reprezentowane jako takie w widoku formularzy (i edytorze).

Polecam sprawdzić how to embed a GWT application into existing templates/html i jak można communicate between django and GWT using json

Nadzieja to pomaga,

Answer 6

Polecam niesamowity ExtJS framework do budowy tego rodzaju aplikacji. Oto przykład.

ext/formbuilder

Dodaj panel formularz, a następnie upuść pole tekstowe i tak dalej ... martwych proste. Ext JS 2.2 i 3.0 (jeszcze niegotowy) są licencjonowane LGPL i GPL, dostępne są również komercyjne subskrypcje, myślę, że warto na nie spojrzeć.

Answer 7

Oto niektóre:

http://code.google.com/p/jquery-form-builder-plugin/

https://github.com/stas/jquery.formbuilder

można również spojrzeć na:

http://wordpress.org/extend/plugins/visual-form-builder/

http://wordpress.org/extend/plugins/formbuilder/

http://wordpress.org/extend/plugins/form/

Answer 8

Mam ten sam wymóg,

będę aktualizować tę odpowiedź w czasie, ale forma bootstrap budowniczy (PHP) wydaje piękny

https://github.com/minikomi/Bootstrap-Form-Builder Demo: http://minikomi.github.io/Bootstrap-Form-Builder/

Answer 9

SpiffForm podobny do Appnitro , ale za darmo (AGPL), być może pasuje do twoich potrzeb.

Patche witamy :-). (Jestem autorem.)

Answer 10

Nowa biblioteka JS, które właśnie pojawiło się może być to, czego szukasz: http://dobtco.github.io/formbuilder/

strona projektu: https://github.com/dobtco/formbuilder

Answer 11

I używasz JSF można użyć tego składnika FormBuilder:

http://code.google.com/p/jsf-form-builder/

Demo dostępne jest tutaj:

http://www.reppe-itsolutions.at/jsf-form-builder/

Answer 12

Nie jestem pewien kawałek Django ponieważ nie pracowałem z tego jeszcze, ale można zajrzeć do AlpacaJS: http://www.alpacajs.org/