Module: field-list

Manages a list of fields and allows drag and drop reordering.

(require("field-list"))(viewer, options)

Creates the field list UI module.

Parameters:

Name Type Description

viewer

Core

The core viewer to which the module will attach.

options

Object

An options object.

Properties

Name	Type	Description
`elem`	HTMLElement	The element in which the module UI will be inserted.

(require("field-list"))(viewer, options)

Creates the field list UI module.

Parameters:

Name Type Description

viewer

Core

The core viewer to which the module will attach.

options

Object

An options object.

Properties

Name	Type	Description
`elem`	HTMLElement	The element in which the module UI will be inserted.

Fires:

module:event-store#event:ModifyTemplateField

Listens to Events:

module:event-store#event:StateModified for "FieldList" state.

Example

var FieldList = require('field-list.js');

// a generic Viewer constructor
function Viewer(opts) {
    var myFieldList = FieldList(this, {
        elem: document.getElementById('myFieldList')
    });
}

(require("field-list"))(viewer, options)

Creates the field list UI module.

Parameters:

Name Type Description

viewer

Core

The core viewer to which the module will attach.

options

Object

An options object.

Properties

Name	Type	Description
`elem`	HTMLElement	The element in which the module UI will be inserted.

Fires:

module:event-store#event:ModifyTemplateField

Listens to Events:

module:event-store#event:StateModified for "FieldList" state.

Example

var FieldList = require('field-list.js');

// a generic Viewer constructor
function Viewer(opts) {
    var myFieldList = FieldList(this, {
        elem: document.getElementById('myFieldList')
    });
}

Fires:

module:event-store#event:ModifyTemplateField

Listens to Events:

module:event-store#event:StateModified for "FieldList" state.

Example

var FieldList = require('field-list.js');

// a generic Viewer constructor
function Viewer(opts) {
    var myFieldList = FieldList(this, {
        elem: document.getElementById('myFieldList')
    });
}

Methods

destroy()

Destroys the module.

destroy()

Destroys the module.

destroy()

Destroys the module.

Manages a list of fields and allows drag and drop reordering.

(require("field-list"))(viewer, options)

Creates the field list UI module.

Parameters:

Name Type Description

viewer

Core

The core viewer to which the module will attach.

options

Object

An options object.

Properties

Name	Type	Description
`elem`	HTMLElement	The element in which the module UI will be inserted.

(require("field-list"))(viewer, options)

Creates the field list UI module.

Parameters:

Name Type Description

viewer

Core

The core viewer to which the module will attach.

options

Object

An options object.

Properties

Name	Type	Description
`elem`	HTMLElement	The element in which the module UI will be inserted.

Fires:

module:event-store#event:ModifyTemplateField

Listens to Events:

module:event-store#event:StateModified for "FieldList" state.

Example

var FieldList = require('field-list.js');

// a generic Viewer constructor
function Viewer(opts) {
    var myFieldList = FieldList(this, {
        elem: document.getElementById('myFieldList')
    });
}

(require("field-list"))(viewer, options)

Creates the field list UI module.

Parameters:

Name Type Description

viewer

Core

The core viewer to which the module will attach.

options

Object

An options object.

Properties

Name	Type	Description
`elem`	HTMLElement	The element in which the module UI will be inserted.

Fires:

module:event-store#event:ModifyTemplateField

Listens to Events:

module:event-store#event:StateModified for "FieldList" state.

Example

var FieldList = require('field-list.js');

// a generic Viewer constructor
function Viewer(opts) {
    var myFieldList = FieldList(this, {
        elem: document.getElementById('myFieldList')
    });
}

Fires:

module:event-store#event:ModifyTemplateField

Listens to Events:

module:event-store#event:StateModified for "FieldList" state.

Example

var FieldList = require('field-list.js');

// a generic Viewer constructor
function Viewer(opts) {
    var myFieldList = FieldList(this, {
        elem: document.getElementById('myFieldList')
    });
}

Methods

destroy()

Destroys the module.

destroy()

Destroys the module.

destroy()

Destroys the module.

Manages a list of fields and allows drag and drop reordering.

(require("field-list"))(viewer, options)

Creates the field list UI module.

Parameters:

Name Type Description

viewer

Core

The core viewer to which the module will attach.

options

Object

An options object.

Properties

Name	Type	Description
`elem`	HTMLElement	The element in which the module UI will be inserted.

(require("field-list"))(viewer, options)

Creates the field list UI module.

Parameters:

Name Type Description

viewer

Core

The core viewer to which the module will attach.

options

Object

An options object.

Properties

Name	Type	Description
`elem`	HTMLElement	The element in which the module UI will be inserted.

Fires:

module:event-store#event:ModifyTemplateField

Listens to Events:

module:event-store#event:StateModified for "FieldList" state.

Example

var FieldList = require('field-list.js');

// a generic Viewer constructor
function Viewer(opts) {
    var myFieldList = FieldList(this, {
        elem: document.getElementById('myFieldList')
    });
}

(require("field-list"))(viewer, options)

Creates the field list UI module.

Parameters:

Name Type Description

viewer

Core

The core viewer to which the module will attach.

options

Object

An options object.

Properties

Name	Type	Description
`elem`	HTMLElement	The element in which the module UI will be inserted.

Fires:

module:event-store#event:ModifyTemplateField

Listens to Events:

module:event-store#event:StateModified for "FieldList" state.

Example

var FieldList = require('field-list.js');

// a generic Viewer constructor
function Viewer(opts) {
    var myFieldList = FieldList(this, {
        elem: document.getElementById('myFieldList')
    });
}

Fires:

module:event-store#event:ModifyTemplateField

Listens to Events:

module:event-store#event:StateModified for "FieldList" state.

Example

var FieldList = require('field-list.js');

// a generic Viewer constructor
function Viewer(opts) {
    var myFieldList = FieldList(this, {
        elem: document.getElementById('myFieldList')
    });
}

Methods

destroy()

Destroys the module.

destroy()

Destroys the module.

destroy()

Destroys the module.