Controller di Modifica

Il controller di modifica EditController, permette di gestire la visualizzazione di un record e la modifica dei suoi campi mediante un Form.

Esempio: Modifica di un Utente

export class UsersEdit extends React.Component {
  render() {
    return (
      <EditController
        model={User}
        content={UsersEditForm}
        include={['organization']}
      />
    );
  }
}

/**
 * Form per la modifica dei dati dell'Utente.
 */
export class UsersEditForm extends React.Component {
  render() {
    const { record, form } = this.props;

    return (
      <div>
        <Form.Field name="name" rules="required|string" label="Nome">
          <Input type="text" placeholder="Nome" />
        </Form.Field>
        <Form.Field name="email" rules="required|email" label="Email" extra="Verrà utilizzata per le comunicazioni.">
          <Input type="email" placeholder="EMail" />
        </Form.Field>
      </div>
    );
  }
}

Proprietà

This is just a stub

Modifica di Relazioni

HasOne

{/* Relazione has one */}
<Form.Widget.HasOne
  label="Organizzazione"
  relation={User.relations.organization}
/>

HasMany

{/* Relazione has many */}
<Form.Widget.HasMany
  relation={User.relations.roles}
  intents={['link', 'unlink']}
  columns={[
    {
      title: 'Descrizione',
      key: 'description',
      dataIndex: 'description',
    },
  ]}
/>

Form con comportamenti personalizzati

Inserire un esempio di form personalizzato con state custom

Introduzione

Modello

Componenti

Servizi

Layout

CLI

Risorse

API