jQuery.dForm 1.0.0 example

This is a simple example for jQuery.dForm

by marco_moreira26

HTML

<script src="https://github.com/downloads/daffl/jquery.dform/jquery.dform-1.0.0.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<form id="content"></form>

CSS

body {
    font-family: sans-serif;
    padding: 10px;
}

label, input {
    display: block;
    margin-top: 10px;
}

JavaScript

$.dform.converters = {
    customConverter : function(original) {
      var converted = {
        type : 'div',
        class: 'col-xs-4',
        html : {
          type : 'text',
          value : original.content,
          caption : original.label,
          class : 'form-control'
        }
      };
      return converted;
    }
}

var param = "content"; var value = "Some Stuff";

var obj = [{ [param] : value, label : "LALALA" }, {[param] : value, label : "Teste"}, { [param] : value, label : "LALALAasdasd" }, { [param] : value, label : "LALALAasdasdsafsadfsadf" }, { [param] : value, label : "LALALAasdasd" }]

console.log(obj);

for (var k in obj)
{
	$("#content").dform(obj[k], 'customConverter');
  console.log(obj[k]);
} 

$("#content").innerHTML = "";