Setting up autoform

How to set up an autoform page

When creating a page that should be used for form data, you need to load jquery and dataeaseconnect, set up a deconnect object and run a code to initialize the form. The rest is done by definitions in the html elements.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
    <title>[{page.Name}]</title>
    <!-- jQuery and dataeaseconnect necessary for autoform and autoactions -->
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="/deserver/dataeaseconnect.js"></script>
  </head>
  <body>
<!-- Start: body imported from page -->
[%body%]
<!-- End: body imported from page -->
  <script type="text/javascript">
    var deconnect = new DataEaseConnect();
    deconnect.forminit("[{user.sessionid}]","[{user.token}]");
  </script>
  </body>
</html>

An example of setting up autoform in a simple template.

Simplest example for use with auto form

<div data-tablename="Address" data-formdataaction="first">
<h4>An address from the Address table</h4>
<p data-live="ID"></p>
<p data-live="Name"></p>
<p data-live="Address1"></p>
<p data-live="Address2"></p>
<p><span data-live="PostAddress"></span> <span data-live="PostCode"></span></p>
<p data-live="EMail"></p>
<button data-action="RecordPrevious">Previous</button> <button data-action="RecordNext">Next</button>
</div>

Simple page with live values to be navigated by buttons. This is only loading live data from the Address table into p tags and let you use buttons to navigate to next and previous maindata record.