AppML Lists and Forms

Rendering a List From Records

The appml-repeat attribute marks an element as a template that is repeated once for every record returned by the model. Inside that element, {{fieldname}} placeholders are resolved separately for each row, so a single row of markup produces a whole table or list without any hand-written looping code.

<table>
  <tr appml-repeat="records">
    <td>{{firstname}}</td>
    <td>{{lastname}}</td>
    <td>{{department}}</td>
  </tr>
</table>

Generating a Form From Fields

Rather than hand-writing every input element, AppML can walk the model's fields definition and produce one labeled input per field - pre-filled when editing an existing record, blank when inserting a new one - and connect the form's submit action to the model's insert or update action.

<form appml-data="employees.json" appml-action="insert">
  <input name="firstname" placeholder="{{firstname}}">
  <input name="lastname" placeholder="{{lastname}}">
  <input name="department" placeholder="{{department}}">
  <button type="submit">Save</button>
</form>

• Text fields become plain text inputs
• Number fields become inputs that expect numeric values
• Fields marked required are validated before the form submits
• Fields left out of the model simply never appear on the form