Docs
API

    • html

    HTML field type

    Example

    
items: [{
  type: 'html',
  value: [
    '<b>Kia Sportage</b><br>',
    '<img src="img/kia-sportage.png">'
  ].join("")
},{
...

    Properties

    cls

    String

    The CSS class that will be added to field.
    It is used for custom styling field. 

    
items: [{
  type: 'html',
  value: [
    '<b>Kia Sportage</b><br>',
    '<img src="img/kia-sportage.png">'
  ].join(""),
  cls: 'field-info'
},{
...
}]

    events

    Array

    Set event handler to field.

     
    
...
items: [{
  type: 'html',
  value: [
    '<b>Kia Sportage</b><br>',
    '<img src="img/kia-sportage.png">'
  ].join(""),
  events: [{
    change: function(){
      
    }
  }]
},{
...

    name

    String

    Name of field over which it is possible to get value of field.

     
    
...
items: [{
  type: 'html',
  name: 'info',
  value: [
    '<b>Kia Sportage</b><br>',
    '<img src="img/kia-sportage.png">'
  ].join("")
},{
...

    tip

    String|Number

    Field tip.

     
    
}, {
  label: 'Name',
  tip: 'Name',
  emptyText: 'Name',
  name: 'name'
}, {
  label: 'SurName',
  tip: '{value}',
  emptyText: 'SurName',
  value: 'Johnson',
  name: 'surname'
}, {
  label: 'E-mail',
  emptyText: 'E-mail',
  name: 'email',
  tip: function(field, value, label) {
	return field.label;
  }
}, {

    Sample on JSFiddle

    undefined

    type

    String

    Type of field (value - html).

     
    
{
  type: 'html',
  value: [
    '<b>Kia Sportage</b><br>',
    '<img src="img/kia-sportage.png">'
  ].join("")
}

    value

    Boolean

    Value of field.

     
    
items: [{
  type: 'html',
  value: [
    '<b>Kia Sportage</b><br>',
    '<img src="img/kia-sportage.png">'
  ].join("")
...

    Methods

    get

    ():Array

    Returns value of field.

     
    
field.get();

    set

    (value: String)

    Sets value of field.

     
    
field.set('Kia Sportage' + '
    ...');

    setWidth

    (value: Number)

    Set new field width. 

    
field.setWidth(400);

    Events

    change

    (field, value)

    Change field value event.

     
    
items: [{
  type: 'html',
  value: [
    '<b>Kia Sportage</b><br>',
    '<img src="img/kia-sportage.png">'
  ].join("")
  events: [{
    change: function(){
      
    },
    scope: {}//not required
  }]
...