Mount helpers for Vue components

Methods

# baseBeforeClose (store:  Store, close:  function) inner

Check form isDirty, and is so - ask user to save od discard changes or continue to edit

Arguments:

# baseSaveAction (store:  Store) inner

Returns the base save action.

Arguments:
  • store: Store

    Store returns {Function|null} A bound dispatch('save') function or null if the action does not exist

# bindInstanceToParentDestroy (element:  HTMLElement, instance:  Vue) inner

Arguments:

# getEntityName (cfg) inner

Arguments:
  • cfg:

# mountContainer (cfg:  object) inner

Mount form directly into html container

Arguments:
  • cfg: object
    • component:  Vue.Component

      Form component

    • props:  object

      Form component props

    • mixins:  Array.<object>

      Form component mixins

    • store:  Vuex.Store

      Store

    • provide:  object

      Regular object which provide all props what passed in it

    • target:  Ext.component | string

      Either id of html element or Ext component

    • validator:  Validator

      validator

    • onClose:  function

      Async callback, called (and awaited) before form is destroyed with 2 args: (ID: number|null, store: Vuex.Store); In case form is in isNew state, ID value is null, otherwise - an ID from store

# mountModal (cfg:  object) inner

Mount form in modal. Provide isModal: true to the child components, child components can inject it as parentIsModal

Arguments:
  • cfg: object
    • component:  Vue.Component

      Form component

    • props:  object

      Form component props

    • mixins:  Array.<object>

      Form component mixins

    • store:  Vuex.Store

      Store

    • title:  string

      Title

    • validator:  Validator

      Validator

    • modalId:  string

      Modal id, needed for detect same dialog and show/maximize if it was hidden/minimized

    • modalClass:  string

      Modal class

    • modalWidth:  string

      Modal width

    • provide:  object

      Regular object which provide all props what passed in it

    • beforeClose:  function

      Callback, called before form is closed (not forcefully). This implementation will replace the standard one, which asks the user to save or discard changes or continue to edit

    • onClose:  function

      Async callback, called (and awaited) before form is destroyed with 2 args: (ID: number|null, store: Vuex.Store); In case form is in isNew state, ID value is null, otherwise - an ID from store

    • modalType

    • target

# mountTab (cfg:  object) inner

Mount form in tab

Arguments:
  • cfg: object
    • component:  Vue.Component

      Form component

    • props:  object

      Form component props

    • mixins:  Array.<object>

      Form component mixins

    • store:  Vuex.Store

      Store

    • title:  string

      Title

    • tabId:  string

      navbar tab ID

    • validator:  Validator

      Validator

    • uiTag:  string

      Optional UI Tag for tracking subsystem

    • provide:  object

      Regular object which provide all props what passed in it

    • openInBackgroundTab:  boolean

      If true - the tab with a newly opened form does not become active

    • beforeClose:  function

      Callback, called before form is closed (not forcefully). This implementation will replace the standard one, which asks the user to save or discard changes or continue to edit

    • onClose:  function

      Async callback, called (and awaited) before form is destroyed with 2 args: (ID: number|null, store: Vuex.Store); In case form is in isNew state, ID value is null, otherwise - an ID from store

    • iconCls

    • commandConfig

# mountTableEntity (cfg:  object) inner

Mount UMasterDetailView

Arguments:
  • cfg: object
    • props:  object

      Props data

    • tabId:  object

      Tab id

    • uiTag:  string

      Optional UI Tag for tracking subsystem

    • title:  string

      Tab title. Can contain macros {attrName}, such macros will be replaced by attributes values

    • props:  object

      UMasterDetailView props

    • scopedSlots:  TableScopedSlotsBuilder

      Scoped slots

    • isModal:  boolean

      Is modal

    • shortcutCode:  string

      Shortcut code

    • uiSettingKey:  string

      Used as a key part for storing table UI settings (ordering, column widths and visibility) into local storage. If empty (default) columns is not configurable

    Command config

# mountTableEntityAsModal (cfg:  object) inner

Run UMasterDetailView as modal

Arguments:
  • cfg: object
    • title:  string

      Modal title. Can contain macros {attrName}, such macros will be replaced by attributes values

    • tableRender:  function

      UMasterDetailView render function

    • modalClass:  string

      Modal class

    • modalWidth:  string

      Modal width

# mountTableEntityAsTab (cfg:  object) inner

Run UMasterDetailView as tab

Arguments:
  • cfg: object
    • title:  string

      Tab title. Can contain macros {attrName}, such macros will be replaced by attributes values

    • tabId:  string

      Navbar tab ID

    • uiTag:  string

      UI Tag for tracking subsystem

    • tableRender:  function

      UMasterDetailView render function

    • iconCls

    • commandConfig

# showConfirmationDialog (args:  object) inner

Show confirmation dialog

Arguments: