Thanks to visit codestin.com
Credit goes to github.com

Skip to content

wc-form-generator #38

@decentropy

Description

@decentropy
  • wc-form-generator - Drop this component on a web page, to automatically generate forms from JSON schema. You can set and get form data as object.

Usage

<wc-form id="myform"></wc-form>

<script>

//Your form schema... supports: text, dropdown, checkbox
var myformschema = [{
  "id": "test1",
  "label": "helo",
  "type": "text"
},
{
  "id": "test2",
  "label": "welcome",
  "type": "dropdown",
  "choices": [0,2,3]
},
{
  "id": "test3",
  "label": "bye",
  "type": "checkbox",
  "choices": [4,5,6]
}

//Your form data
var myformdata = {"test1":"steve","test2":"3","test3":["4","6"]};

//Draw my form
document.getElementById("myform").drawForm( JSON.parse(myformschema) );

//Fill my form data
document.getElementById("myform").setData( JSON.parse(myformdata) );

//Get my form data
var data = document.getElementById("myform").getData();

</script>

Metadata

Metadata

Assignees

No one assigned

    Labels

    proposalPropose an idea for a new repository

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions