DHTMLX Docs & Samples Explorer

Contsructed form



Source
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxform_dhx_skyblue.css">
<script src="../../codebase/dhtmlxcommon.js"></script>
<script src="../../codebase/dhtmlxform.js"></script>
<script src="../../codebase/dhtmlxdataprocessor.js"></script>
<script src="../../codebase/connector/connector.js"></script>
 
    <div id="my_form"></div>
    <input type="button" value="Save data" command="save" onclick="dp.sendData();" />
    <br />
    <br />
<script>
formData = [{
    type: "input",
    name: "package",
    label: "Package",
    bind: "Package"
}, {
    type: "input",
    name: "version",
    label: "Version",
    bind: "Version"
}, {
    type: "input",
    name: "size",
    label: "Package size",
    bind: "Size"
}, {
    type: "input",
    name: "maintainer",
    label: "Maintainer",
    bind: "Maintainer"
}];
var myForm = new dhtmlXForm("my_form", formData);
myForm.load('php/data.php?id=1');
var dp = new dataProcessor("php/data.php");
dp.init(myForm);
</script> <input type="button" name="" value="load data #1" onclick="myForm.load('php/data.php?id=1');"> <input type="button" name="" value="load data #2" onclick="myForm.load('php/data.php?id=2');"> <input type="button" name="" value="load data #5" onclick="myForm.load('php/data.php?id=5');">