Maker

[Deprecated] maker is still available but is not recommended for use in new forms.

Hidden

maker.hidden

• Parameters: {string} field, {string|number} value

• Usage:

  maker.hidden('field2','value')

Creates a hidden component

Input

maker.input

• Parameters: {string} field, {string} title, {string} value, {object} props

• Usage:

  maker.input('field','title','value',{disabled:true})

Creates an input component (default type: text)

maker.text

• Parameters: {string} field, {string} title, {string} value, {object} props

• Usage:

  maker.text('field','title','value',{disabled:true})

Creates an input component (type: text)

maker.url

• Parameters: {string} field, {string} title, {string} value, {object} props

• Usage:

  maker.url('field','title','value',{disabled:true})

Creates an input component (type: url)

maker.idate

• Parameters: {string} field, {string} title, {string} value, {object} props

• Usage:

  maker.idate('field','title','value',{disabled:true})

Creates an input component (type: date)

maker.password

• Parameters: {string} field, {string} title, {string} value, {object} props

• Usage:

  maker.password('field','title','value',{disabled:true})

Creates an input component (type: password)

InputNumber

maker.inputNumber

• Parameters: {string} field, {string} title, {number} value, {object} props

• Usage:

  maker.inputNumber('field','title','value',{disabled:true})

Creates an inputNumber component (maker.number is an alias)

AutoComplete

maker.autoComplete

• Parameters: {string} field, {string} title, {string} value, {object} props

• Usage:

  maker.autoComplete('field','title','xaboy',{data:['xaboy','github','xian']})

Creates an autoComplete component (maker.auto is an alias)

Radio

maker.radio

• Parameters: {string} field, {string} title, {string|number} value, {object} props

• Usage:

  maker.radio('field','title',1)
      .options([{value:1,label:'Easy to Use'},{value:2,label:'Not Easy to Use',disabled:true}])

Creates a radio component

Checkbox

maker.checkbox

• Parameters: {string} field, {string} title, {array} value, {object} props

• Usage:

  maker.checkbox('field','title',[1,2])
      .options([{value:1,label:'Efficient'},{value:2,label:'Simple'}])

Creates a checkbox component

Select

maker.select

• Parameters: {string} field, {string} title, {string|number|array} value, {object} props

• Usage:

  maker.select('field','title',1)
      .options([{value:1,label:'Efficient'},{value:2,label:'Simple'}])

Creates a select component (props.multiple defaults to false)

maker.selectTags

• Parameters: {string} field, {string} title, {string|number} value, {object} props

• Usage:

  maker.selectTags('field','title',[])
      .options([{value:1,label:'Efficient'},{value:2,label:'Simple'}])

Creates a select component (props.mode is tags)

maker.selectMultiple

• Parameters: {string} field, {string} title, {array} value, {object} props

• Usage:

  maker.selectMultiple('field','title',[1,2])
      .options([{value:1,label:'Efficient'},{value:2,label:'Simple'}])

Creates a select component (props.mode is multiple)

Switch

maker.switch

• Parameters: {string} field, {string} title, {string|number} value, {object} props

• Usage:

  maker.switch('field','title',1,{checkedValue:1,uncheckedValue:0})

Creates a switch component

Cascader

maker.cascader

• Parameters: {string} field, {string} title, {array} value, {object} props

• Usage:

  maker.cascader('field','title',[],{data:[]})

Creates a cascader component

DatePicker

maker.datePicker

• Parameters: {string} field, {string} title, {array|string|date} value, {object} props

• Usage:

  maker.datePicker('field','title','2018-12-16')

Creates a datePicker component (default type: date)

maker.date

• Parameters: {string} field, {string} title, {date|string} value, {object} props

• Usage:

  maker.date('field','title','2018-12-16')

Creates a datePicker component (type: date)

maker.dateRange

• Parameters: {string} field, {string} title, {array} value, {object} props

• Usage:

  maker.dateRange('field','title',['2018-11-30','2018-12-16'])

Creates a datePicker component (type: dateRange)

maker.dateTime

• Parameters: {string} field, {string} title, {date|string} value, {object} props

• Usage:

  maker.dateTime('field','title','2018-12-16 23:23:23')

Creates a datePicker component (type: dateTime)

maker.dateTimeRange

• Parameters: {string} field, {string} title, {array} value, {object} props

• Usage:

  maker.dateTimeRange('field','title',['2018-11-30 23:23:23','2018-12-16 23:23:23'])

Creates a datePicker component (type: dateTimeRange)

maker.month

• Parameters: {string} field, {string} title, {string} value, {object} props

• Usage:

  maker.month('field','title','2018-12')

Creates a datePicker component (type: month)

TimePicker

maker.timePicker

• Parameters: {string} field, {string} title, {array|string|date} value, {object} props

• Usage:

  maker.timePicker('field','title','23:23:23')

Creates a timePicker component (default type: time)

maker.time

• Parameters: {string} field, {string} title, {string|date} value, {object} props

• Usage:

  maker.timePicker('field','title','23:23:23')

Creates a timePicker component (type: time)

Upload

maker.upload

• Parameters: {string} field, {string} title, {string|array} value, {object} props

• Usage:

  maker.upload('field','title','image1.png',{action:'upload.php',maxLength:1})

Creates an upload component (default type: field)

maker.uploadImage

• Parameters: {string} field, {string} title, {array} value, {object} props

• Usage:

  maker.uploadImage('field','title',['image1.png'.'image2.png'],{action:'upload.php'})

Creates an upload component (type: image; maker.image is an alias)

maker.uploadFile

• Parameters: {string} field, {string} title, {array} value, {object} props

• Usage:

  maker.uploadFile('field','title',['image1.png'.'image2.png'],{action:'upload.php'})

Creates an upload component (type: file; maker.file is an alias)

maker.uploadImageOne

• Parameters: {string} field, {string} title, {string|array} value, {object} props

• Usage:

  maker.uploadImageOne('field','title','image1.png',{action:'upload.php'})

Creates an upload component (type: image, maxLength: 1; maker.imageOne is an alias)

maker.uploadFileOne

• Parameters: {string} field, {string} title, {string} value, {object} props

• Usage:

  maker.uploadFileOne('field','title','image1.png',{action:'upload.php'})

Creates an upload component (type: file, maxLength: 1; maker.fileOne is an alias)

Rate

maker.rate

• Parameters: {string} field, {string} title, {number} value, {object} props

• Usage:

  maker.rate('field','title',10)

Creates a rate component

Slider

maker.slider

• Parameters: {string} field, {string} title, {number} value, {object} props

• Usage:

  maker.slider('field','title',10)

Creates a slider component (props.range defaults to false)

maker.sliderRange

• Parameters: {string} field, {string} title, {array} value, {object} props

• Usage:

  maker.sliderRange('field','title',[10,100])

Creates a slider component (props.range is true)

Tree

maker.tree

• Parameters: {string} field, {string} title, {array} value, {object} props

• Usage:

  maker.tree('field','title',[12,13],{data:[]})

Creates a tree component

Frame

maker.frame

• Parameters: {string} field, {string} title, {array|string} value, {object} props

• Usage:

  maker.frame('field','title',10)

Creates a frame component

• Related Methods:
  • maker.frameInputs
  • maker.frameInputOne
  • maker.frameFiles
  • maker.frameFileOne
  • maker.frameImages
  • maker.frameImageOne

Group

maker.group

• Parameters: {string} field, {string} title, {array|string} value, {object} props

• Usage:

  maker.group('field','title',[]).props({
    rules:[maker.input('field1','field1')]
  })

Creates an array component

Object

maker.object

• Parameters: {string} field, {string} title, {array|string} value, {object} props

• Usage:

  maker.group('field','title',{}).props({
    rules:[maker.input('field1','field1')]
  })

Creates an object component