Understanding FancyForm

About

FancyForm is big module of FancyGrid.
FancyForm can be used as standalone without FancyGrid.

Main elements

Form contains several basic elements.
They are: title, subtitle, bbar, tbar, footer, buttons, fields.



Main config properties

fields

Array

Form fields.


items: [{
  name: 'id',
  type: 'hidden'
},{
  label: 'Name',
  emptyText: 'Name',
  name: 'name'
},{
  label: 'SurName',
  emptyText: 'SurName',
  name: 'surname'
},{
  label: 'E-mail',
  emptyText: 'E-mail',
  name: 'email'
},{
  type: 'date',
  label: 'Birthday',
  name: 'birthday'
},{
  type: 'checkbox',
  label: 'Active',
  name: 'active',
  value: true
},{
  type: 'number',
  label: 'Hour rate',
  name: 'hour',
  min: 0
},{
  type: 'string',
  label: 'Position',
  name: 'position'
},{
  type: 'combo',
  label: 'Country',
  name: 'country',
  data: comboData,
  displayKey: 'country',
  valueKey: 'country'
},{
  type: 'textarea',
  label: 'About',
  name: 'about'
}],

defaults

Object

Fields default properties.


defaults: {
  type: 'string'  
},

height

Number

Form height.


height: 500,

title

String

Form title text.


title: 'User data',

width

Number

Form width.


width: 400,
`