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
      }]
    ...