|
| constructor (component) |
|
| destroy () |
| Destruction this controller instance after component destroyed.
|
|
| getComponentByName (name) |
|
| handle (...args) |
|
| addDestroyHook (...hooks) |
| Add a function to destroyHooks list, which will be called during destroy. More...
|
|
| destroy () |
|
| ownsTo (owner) |
| Establishes an ownership relationship where this instance will be destroyed when the owner is destroyed. Additionally, the owner will be automatically removed from the destroyHooks list when this instance is destroyed. More...
|
|
static | extend (proto, statics) |
| Extends from Controller class and generates a new Controller class! More...
|
|
static | getName () |
| Name of the controller class used in @controller directive. More...
|
|
| mounted () |
| This method is called after the component is inserted into DOM tree, where you can add some event listeners to the component or handle any other tasks. More...
|
|
| postlink () |
| This method is called during component postlink lifecycle. More...
|
|
| prelink () |
| This method is called during component prelink lifecycle. More...
|
|
static | services () |
|
Component | component |
| The component of this controller. More...
|
|
Feature:
Edit object controller. Advance edit feature.
Usage:
in template:
example 1:
<ribbon-button icon-class="fx-icon-ribbon_home_editobject-32" edit-type="All" @controller="page-editor:EditObjectController" @tooltip tooltip-title="edit all object"></ribbon-button>
<ribbon-button icon-class="fx-icon-ribbon_home_editobject-32" edit-type="Text" @controller="page-editor:EditObjectController" @tooltip tooltip-title="edit text object"></ribbon-button>
<ribbon-button icon-class="fx-icon-ribbon_home_editobject-32" edit-type="Image" @controller="page-editor:EditObjectController" @tooltip tooltip-title="edit image object"></ribbon-button>
<ribbon-button icon-class="fx-icon-ribbon_home_editobject-32" edit-type="Path" @controller="page-editor:EditObjectController" @tooltip tooltip-title="edit path object"></ribbon-button>
<ribbon-button icon-class="fx-icon-ribbon_home_editobject-32" edit-type="Shading" @controller="page-editor:EditObjectController" @tooltip tooltip-title="edit shading object"></ribbon-button>
example 2:
<ribbon-button @tooltip tooltip-title="edit object" icon-class="fv__icon-menu-edit" not-immediately="true" class="edit-object-ribbon-dropdown" @controller="page-editor:EditObjectController as eord">
<dropdown separate="false">
<dropdown-button @on.click="eord.setEditType('All')" name="All" icon-class="fv__ui-button-icon fx-icon-ribbon_home_editobject-32">edit all object</dropdown-button>
<dropdown-button @on.click="eord.setEditType('Text')" name="Text" icon-class="fv__ui-button-icon fx-icon-ribbon_home_editobject-32">edit text object</dropdown-button>
<dropdown-button @on.click="eord.setEditType('Image')" name="Image" icon-class="fv__ui-button-icon fx-icon-ribbon_home_editobject-32">edit image object</dropdown-button>
<dropdown-button @on.click="eord.setEditType('Path')" name="Path" icon-class="fv__ui-button-icon fx-icon-ribbon_home_editobject-32">edit shape object</dropdown-button>
<dropdown-button @on.click="eord.setEditType('Shading')" name="Shading" icon-class="fv__ui-button-icon fx-icon-ribbon_home_editobject-32">edit shading object</dropdown-button>
</dropdown>
</ribbon-button>
in fragment config:
fragments: [{
target: 'edit-object-ribbon-dropdown',
action: UIExtension.UIConsts.FRAGMENT_ACTION.REPLACE,
template: '<ribbon-button icon-class="fx-icon-ribbon_home_editobject-32" edit-type="Text" @controller="page-editor:EditObjectController" @tooltip tooltip-title="edit text object"></ribbon-button>',
}]
});
- Since
- 9.1.0