🦉
Anacleto
GitHub
  • Anacleto
  • Getting started
    • Setup Anacleto
      • Setup local environmen
    • First tutorial
  • Anacleto Frontend
    • UI Builder
      • Components
        • DataTable
        • Form
          • Controls
            • Autocomplete
            • Button
            • CodeEditor
            • Dropdown
            • Image
            • InputText
            • Label
        • GridContainer
        • Splitter
        • Stack
        • TabView
        • Tree
    • Translation
    • Frontend script
      • Dialog and Toast
      • Window
  • Anacleto Backend
    • Backend script
      • googleBigQuery
      • googleDatastore
      • logger - console
      • mysql
      • Utils
  • Google cloud platform
    • Google
  • Anacleto developer
    • Work with us
      • Guidelines
    • Setup local enviroment
Powered by GitBook
On this page
  • Properties
  • Loading
  • Methods
  • getRecord()
  • load()
  • Events
  • onChange
  1. Anacleto Frontend
  2. UI Builder
  3. Components

Form

PreviousDataTableNextControls

Last updated 2 years ago

A container for input controls or button, you can load a form from a store script.

As with windows, the form also supports 2 types of layouts

  • grid

  • flex

.

Properties

In addition to the of the components you have the following properties available.

Loading

  • store store path of the script used to load data

Methods

In addition to the of the components you have the following methods available.

getRecord()

Return the form record value

const record = panelsContext.myPanelId.getRecord()

load()

Load the form fields from the store script

panelsContext.myPanelId.load(args);

A store must return a JS object, for example:

const uid = req.query.uid;
const tenant = req.headers.tenant;

...your logic

const ret = {
    uid: user.uid,
    displayName: user.displayName,
    email: user.email,
    emailVerified: user.emailVerified,
    disabled:  user.user.disabled ,
    lastSignInTime: user.metadata.lastSignInTime,
    creationTime: user.metadata.creationTime,
    userRoles: userRoles,
    rolesAvailable: rolesAvailable
};

return ret;

Events

onChange

In addition to the of the components you have the following events available.

default events
default properties
default methods
See layout docs