EditObjectController Class Reference

Inheritance diagram for EditObjectController:

Additional Inherited Members
Public Member Functions inherited from Controller
	constructor (component)
	destroy ()
	Destruction this controller instance after component destroyed.
	getComponentByName (name)
	handle (...args)
Public Member Functions inherited from Disposable
	addDestroyHook (...hooks)
	destroy ()
Static Public Member Functions inherited from Controller
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...
Protected Member Functions inherited from Controller
	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 Protected Member Functions inherited from Controller
static	services ()
Protected Attributes inherited from Controller
Component	component
	The component of this controller. More...

Detailed Description

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:

new PDFUI({
 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