Rendering a JSON form using jQuery formbuilder -


i want use jquery formbuilder (http://formbuilder.readthedocs.io/en/latest/) , want render json form generated formbuilder on web page.

can show how can achieve coldfusion?

here sample of json generated formbuilder:

[     {         "type": "date",         "label": "date field",         "classname": "form-control",         "name": "date-1502794115227"     },     {         "type": "button",         "label": "button",         "subtype": "button",         "classname": "btn-default btn",         "name": "button-1502794117421",         "style": "default"     } ]

how display form on page? not familiar json. ideal if deserialize json , return actual html source.

the json displayed formbuilder not know how json coldfusion structure or variable can use. ideas?

as comments on question suggest, json output that's giving preview of how form structure look.

step 1: save form structure

you need first hook action on 'save' button save structure database. using jquery, following (assuming formbuilder in element attribute id="form-builder"). put in js file loaded in form builder page:

// initialise form builder var fb = $( '#form-builder' ).formbuilder();  // post data script save db $( '.save-template' ).on( 'click', function(){      $.ajax({         url: 'save-form.cfm', // point file create save data         type: 'post',         data: {             formstructure: json.stringify( fb.actions.getdata('json') )         },         success: function( response ){              // got response             console.log( 'response save action: ' + response );          },         error: function( jqxhr ){              // went wrong             console.log( 'error saving form (details below)' );             console.log( jqxhr );          }      });  }

then in cf, use deserialisejson.

save-form.cfm - tag syntax

<!--- converts json string cf array (not struct - json array of fields) ---> <cfset formstructure = deserializejson( form.formstructure ) />

save-form.cfm - script syntax

// converts json string cf array (not struct - json array of fields) formstructure = deserializejson( form.formstructure );

then loop through array (again, note formbuilder json output array of fields, not struct) operating wish , insert form structure db (either in json format cut out deserialising , looping or individual fields using relational db work).

step 2: load form user

this lot more complex think - working , ended rewriting whole formrender library better suit our needs.

i'd recommend if you're not familiar kind of approach load in formrender.js (provided form builder installation) , read docs (eh?) that.

if, on other hand, want individually parse fields did, can loop through array, taking each field (which struct) , outputting markup depending on find. i'd show of did, it's library of functions call each other , answer end being way long!

hope helps on way somewhat

jc


Comments

Post a Comment

Popular posts from this blog

PHP and MySQL WP -

i trying accomplish 2 things here code. writing php directly wp page using insert php plugin. 1) query mysql database , return results 1 column 4 columns. 2) make each result own hyperlink directs user new wp page runs new query on page. i able query show results , turn results dynamic hyperlink, cannot formatting down. right returns result 1 column. here have: [insert_php] $servername = "localhost"; $username = "login"; //edited privacy $password = "password"; //edited privacy $database = "database"; //edited privacy // create connection $conn = new mysqli($servername, $username, $password, $database); // check connection if ($conn->connect_error) { die("connection failed: " . $conn->connect_error); } echo "connected successfully"; //get results database $result = mysqli_query($conn,"select mine mines order mine"); $all_property = array(); //declare array saving property //showing proper...
Read more

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m...
Read more

go - golang pprof for c library code -

i have been trying profile golang application pprof, seems details of c code(linked static library) missed in output result. flame graph from frame graph can see c code time consuming reported within "runtime._externalcode", no details @ all. , sure static library compiled debug enable. so there way make pprof details(like stack trace) of 3rd party c code? or there other golang profiling tool this?
Read more