Reference

Guide

Structure Field

<k-structure-field>

<k-structure-field
    v-model="value"
    :required="true"
    label="Structure"
    name="structure"
    help="This is a structure field"
    @input="input"
/>

Props

columns

Object (default: null)

disabled

Boolean (default: false)

If true, the field is disabled and cannot be filled in or edited

empty

String (default: null)

The text, that is shown when the field has no entries.

fields

Object (default: null)

help

String (default: null)

Sets the help text below the field

label

String (default: null)

Sets the label text for the field.

limit

Number (default: null)

name

String (default: null)

The name of the field must be defined to get fields in fieldsets up and running.

max

Number (default: null)

min

Number (default: null)

required

Boolean (default: false)

If true, the field must not be empty

sortable

Boolean (default: true)

sortBy

String (default: null)

value / v-model

Array (default: [])

Methods

close()

Close the current structure field entry.

focus()

Set the focus on the field.

open(index, field)

Edit the structure field entry at index position with field field focused.

Events

@input

The input event is triggered when the value changes.

CSS class

.k-structure-field