Suggerimenti per una forma builder JavaScript? [chiuso]
https://stackoverflow.com/questions/879414
-
22-08-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianDomanda
Sto cercando di integrare un generatore di modulo in un sito che sto utilizzando, ma spero di trovare una libreria che ha alcuni o la maggior parte delle funzionalità che sto cercando.
Sto cercando una libreria che mi darà una bella interfaccia grafica per la costruzione del modulo, e un JSON (o XML, o simili) di uscita che posso giocare con nel backend django. Sto pensando di utilizzare django per l'uscita del modulo finito.
Ho provato a fare funzionare questo attraverso Google, ma che produce solo le aziende che fanno un business fuori di creare e ospitare i moduli on-line. Ma nulla nella forma di una libreria.
Qualche suggerimento?
Soluzione
Se non vi dispiace spendere un po 'di soldi si può guardare:
Machforms: http://www.appnitro.com/
Il costruttore forma stessa è interamente lato client JS, così si avrebbe solo bisogno di inviare l'output (che è JSON) Django invece della loro script php.
Altri suggerimenti
Ho lo stesso requisito,
Voglio aggiornare questa risposta nel tempo, ma sotto forma di bootstrap builder (PHP) sembra bello
https://github.com/minikomi/Bootstrap-Form-Builder demo: http://minikomi.github.io/Bootstrap-Form-Builder/
Una nuova libreria JS che è appena spuntato potrebbe essere quello che stai cercando: http: //dobtco.github .io / FormBuilder /
Pagina del progetto: https://github.com/dobtco/formbuilder
Non sono sicuro circa il pezzo Django visto che non ho ancora lavorato con quello, ma si consiglia di guardare in AlpacaJS: http://www.alpacajs.org/
Lo consiglio l'impressionante rel="nofollow ExtJS quadro per costruire questo tipo di applicazione. Ecco un esempio.
Aggiungi un pannello formato, quindi cadere una casella di testo e così via ... morto semplice. Ext JS 2.2 e 3.0 (non ancora pronto) sono LGPL e GPL con licenza, si dispone di abbonamenti commerciali a disposizione anche, penso che vale la pena di dare un'occhiata a questo.
SpiffForm è simile a Appnitro, ma libero (AGPL), forse si adatta alle tue esigenze.
Patch benvenuto :-). (Io sono l'autore.)
C'è stato un progetto del Google Summer of Codice scorso anno che ha costruito un drag and drop editor di modulo utilizzando il toolkit Dojo JavaScript. E 'completo non al 100% in termini di funzionalità che sto cercando di indovinare che si vorrebbe.
Si fa il dump di un oggetto JavaScript che rappresenta la forma che è possibile convertire in JSON per inviare oltre il filo.
A seconda della vostra abilità JavaScript set dovrebbe dare un vantaggio sul problema.
La demo è qui: http://jbalogh.dojotoolkit.org/dojo-svn/ rilascio / dojo / soc / test.html
pubblicazioni da parte della persona che lavora su di esso: http://www.dojotoolkit.org/blog/jbalogh
Non credo che ci sia qualcosa di esattamente come quello che si vuole là fuori; probabilmente il più vicino sarebbe un ricco editor di testo come FCKEditor o TinyMCE. Queste librerie sono un po 'come l'interfaccia utente che hai utilizzato per scrivere la domanda a StackOverflow, salvo che hanno i pulsanti della barra degli strumenti per i diversi elementi FORM (o se non lo fanno, è possibile aggiungere facilmente loro stessi).
Un utente di fronte a uno di questi editori (supponendo che avevi configurato per avere pulsanti per gli elementi FORM) sarebbe in grado di tracciare un modulo con praticamente nessuna conoscenza tecnica.
Tuttavia, se un editor di testo RTF non funziona per voi, allora sei praticamente bloccato con usando qualcosa come la libreria jQuery UI (sto pensando principalmente del Draggable sub-library) per costruire la vostra soluzione.
Dipende se si è pronti per programmare da soli. Come dinamico lo vuoi? Un semplice generatore di forma non dovrebbe essere troppo difficile da programmare utilizzando GWT , Dojo o tua -favorite-js-biblioteca se si vuole seguire questa strada. Mi consiglia di GWT, perché è davvero divertente, semplice da usare e si prende cura delle incompatibilità tra i browser.
Ecco alcuni pensieri per possibili ingressi a ogni modulo / domanda:
- Linea singola (per i nomi, ecc)
- RichTextArea (simile a FCKEditor)
- Calendario data / ora
- Scelte multiple (opzione)
- scelte singole (selettore lista)
Ogni ingresso ha bisogno di una corrispondente domanda, o un'etichetta. Questi devono essere gestite nel vostro modello di Django, e rappresentati in quanto tali nella vista forme (e l'editor).
I consiglio di controllare come incorporare un'applicazione GWT in modelli esistenti / html e come si può comunicare tra django e GWT utilizzando json
Spero che questo aiuti,
I si utilizza JSF è possibile utilizzare questo componente FormBuilder:
http://code.google.com/p/jsf-form-builder /
Una demo è disponibile qui:
Forse questa non è la risposta giusta, ma date un'occhiata in ogni caso, è impressionante:
si mette un po 'molto chiaro e semplice da leggere codice su un Java - server e si ottiene una forma piena AJAX / Javascript.
Basta dare un'occhiata alla demo qui .
Giuro che è veramente, davvero impressionante.
Olivier
