Mount helpers for Vue components

Methods

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

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

Arguments:

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

Arguments:

# 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:  window.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:  window.Vuex.Store

      Store

    • title:  string

      Title

    • validator:  Validator

      Validator

    • modalClass:  string

      Modal class

    • modalWidth:  string

      Modal width

    • provide:  object

      Regular object which provide all props what passed in it

    • 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

# 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:  window.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

    • 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

# 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

    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