Mount helpers for Vue components

Methods

# beforeClose (storeStore, closefunction) inner

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

Arguments:

# mountContainer (cfgobject) inner

Mount form directly into html container

Arguments:
  • cfg: object
    • componentVue.Component

      Form component

    • propsobject

      Form component props

    • mixinsArray.<object>

      Form component mixins

    • storewindow.Vuex.Store

      Store

    • provideobject

      Regular object which provide all props what passed in it

    • targetExt.component | String

      Either id of html element or Ext component

    • validatorValidator

      validator

    • onClosefunction

      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 (cfgobject) inner

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

Arguments:
  • cfg: object
    • componentVue.Component

      Form component

    • propsobject

      Form component props

    • mixinsArray.<object>

      Form component mixins

    • storewindow.Vuex.Store

      Store

    • titlestring

      Title

    • validatorValidator

      Validator

    • modalClassstring

      Modal class

    • modalWidthstring

      Modal width

    • provideobject

      Regular object which provide all props what passed in it

    • onClosefunction

      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 (cfgobject) inner

Mount form in tab

Arguments:
  • cfg: object
    • componentVue.Component

      Form component

    • propsobject

      Form component props

    • mixinsArray.<object>

      Form component mixins

    • storewindow.Vuex.Store

      Store

    • titlestring

      Title

    • tabIdstring

      navbar tab ID

    • validatorValidator

      Validator

    • uiTagstring

      Optional UI Tag for tracking subsystem

    • provideobject

      Regular object which provide all props what passed in it

    • openInBackgroundTabboolean

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

    • onClosefunction

      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 (cfgobject) inner

Mount UMasterDetailView

Arguments:
  • cfg: object
    • propsobject

      Props data

    • tabIdobject

      Tab id

    • uiTagstring

      Optional UI Tag for tracking subsystem

    • titlestring

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

    • propsobject

      UMasterDetailView props

    • scopedSlotsTableScopedSlotsBuilder

      Scoped slots

    • isModalboolean

      Is modal

    • shortcutCodestring

      Shortcut code

    Command config

# mountTableEntityAsModal (cfgobject) inner

Run UMasterDetailView as modal

Arguments:
  • cfg: object
    • titlestring

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

    • tableRenderfunction

      UMasterDetailView render function

    • modalClassstring

      Modal class

    • modalWidthstring

      Modal width

# mountTableEntityAsTab (cfgobject) inner

Run UMasterDetailView as tab

Arguments:
  • cfg: object
    • titlestring

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

    • tabIdstring

      Navbar tab ID

    • uiTagstring

      UI Tag for tracking subsystem

    • tableRenderfunction

      UMasterDetailView render function