documentationfor yFiles for HTML 2.6

EdgeDecorator

Helps in decorating the lookup method of IEdge instances by providing access to decorators for the most common types.

Inheritance Hierarchy
EdgeDecorator

Remarks

Predefined LookupDecorator<TDecoratedType,TInterface> are made available through properties like e.g. highlightDecorator. Note that the list of possible decorations that are available using this class is not exhaustive in any way. This is merely a way to provide access to those interfaces that are more commonly being decorated by the developer.

Typically, a configured instance of this class is available through edgeDecorator on the GraphDecorator which is returned by decorator on an IGraph.

This decorator can be used to conveniently decorate the lookup of IEdges in an IGraph. It serves as a factory for predefined LookupDecorator<TDecoratedType,TInterface> instances that are specifically useful for the IEdge type.

Examples

The edge can be decorated in various ways. setImplementation decorates the edge's lookup to return the same instance for each edge.

graph.decorator.edgeDecorator.selectionDecorator.setImplementation(
  new ConstantSelection()
)

setImplementation with a predicate decorates the edge's lookup only to return the same instance for each edge for which the predicate returns true.

graph.decorator.edgeDecorator.selectionDecorator.setImplementation(
  (edge) => edge.tag !== null,
  new ConstantSelection()
)

setFactory calls the provided factory method to return a new instance of the queried type created for the given edge or for edges for which the predicate returns true, respectively:

graph.decorator.edgeDecorator.selectionDecorator.setFactory(
  (edge) => new CustomSelection(edge)
)
graph.decorator.edgeDecorator.selectionDecorator.setFactory(
  (edge) => edge.tag !== null,
  (edge) => new CustomSelection(edge)
)

setImplementationWrapper calls the provided factory method to return a new instance of the queried type which wraps the default implementation, once for all edges and once only for edges for which the predicate returns true.

graph.decorator.edgeDecorator.selectionDecorator.setImplementationWrapper(
  (edge, original) => new SelectionWrapper(edge, original)
)
graph.decorator.edgeDecorator.selectionDecorator.setImplementationWrapper(
  (edge) => edge.tag !== null,
  (edge, original) => new SelectionWrapper(edge, original)
)

Finally hideImplementation hides the default implementation by letting the lookup always return null for all edges and for edges for which the predicate returns true, respectively

graph.decorator.edgeDecorator.selectionDecorator.hideImplementation()
graph.decorator.edgeDecorator.selectionDecorator.hideImplementation(
  (edge) => edge.tag !== null
)

Each of these methods returns a IContextLookupChainLink which can be used to remove the modified behavior again:

constructor() {}

/**
 * @param {!IGraph} graph
 */
registerLookup(graph) {
  this.chainLink =
    graph.decorator.edgeDecorator.selectionDecorator.setFactory(
      (edge) => new CustomSelection(edge)
    )
}

/**
 * @param {!IGraph} graph
 */
deregisterLookup(graph) {
  graph.decorator.edgeDecorator.remove(this.chainLink)
}constructor() {}

registerLookup(graph: IGraph): void {
  this.chainLink =
    graph.decorator.edgeDecorator.selectionDecorator.setFactory(
      (edge) => new CustomSelection(edge)
    )!
}

deregisterLookup(graph: IGraph): void {
  graph.decorator.edgeDecorator.remove(this.chainLink)
}

Type Details

yfiles module
view-component
yfiles-umd modules
All view modules
Legacy UMD name
yfiles.graph.EdgeDecorator

See Also

Constructors

Properties

Methods