DruxtEntityForm ⇐ DruxtEntity

The DruxtEntityForm component renders a Drupal Content Entity edit form by JSON:API resource type, UUID, view mode and schema type.

Fields are rendered as DruxtField components, based on the Drupal display mode configuration.

Extends: DruxtEntity
See: DruxtEntity
Example

<DruxtEntityForm
  :type="resourceType"
  :uuid="uuid"
  :mode="displayMode"
  v-on:error="onError()"
  v-on:reset="onReset()"
  v-on:submit="onSubmit()"
/>

Example (DruxtEntityForm Wrapper component boilerplate)

<template>
  <DruxtDebug :json="entity" />
</template>

<script>
import { DruxtEntityMixin } from 'druxt-entity'
export default {
  mixins: [DruxtEntityMixin]
}

Example (DruxtEntityForm with template injection)

<DruxtEntityForm type="">
  <template #default="{ entity }">
    <!-- Do whatever you want here -->
    <DruxtDebug :json="entity" />
  </template>
</DruxtEntity>

• DruxtEntityForm ⇐ DruxtEntity
  • instance
    • .onReset()
    • .onSubmit()
  • static
    • .extends
    • .props
      • .schemaType : 'view' | 'form'
      • .langcode
      • .v-model
      • .wrapper
      • .mode
      • .settings
      • .type
      • .uuid
    • .computed
      • .errors ⇒ Array.<object>
    • .data()

.onReset()

Reset event handler:

• Sets model back to entity value.
• Unsets response data.
• Emits reset.

Kind: instance method of DruxtEntityForm

.onSubmit()

Submit event handler:

• Sends data to backend via POST or PATCH.
• Catches errors.
• Emits submit or error event.

Kind: instance method of DruxtEntityForm

.extends

Kind: static property of DruxtEntityForm
See: DruxtEntity

.props

Vue.js Properties.

Kind: static property of DruxtEntityForm

• .props
  • .schemaType : 'view' | 'form'
  • .langcode
  • .v-model
  • .wrapper
  • .mode
  • .settings
  • .type
  • .uuid

.schemaType : 'view' | 'form'

Drupal display schema type, 'view' or 'form'.

Kind: static property of props
Default: form

.langcode

The resource langcode.

Kind: static property of props
Example

<DruxtEntityForm langcode="en" />

.v-model

The module component model value.

Used to bypass the Drupal JSON:API fetch, setting the module data directly.

Kind: static property of props
Example

<DruxtEntityForm v-model="{ foo: bar }" />

.wrapper

The wrapper component configuration.

Used to set the wrapper component, class, style and propsData.

Kind: static property of props
Example

<DruxtEntityForm
  :wrapper="{
    component: 'MyWrapper',
    class: 'wrapper',
    propsData: { foo: 'bar' }
  }"
/>

.mode

Drupal display mode.

Kind: static property of props

.settings

Module settings object.

Kind: static property of props

.type

JSON:API resource type.

Kind: static property of props

.uuid

Entity UUID.

Kind: static property of props

.computed

Vue.js Computed properties.

Kind: static property of DruxtEntityForm

.errors ⇒ Array.<object>

An array of errors if present in the form submission response data.

Kind: static property of computed

.data()

Vue.js Data object.

Kind: static method of DruxtEntityForm
Properties