Home > @jsplumbtoolkit/browser-ui
browser-ui package#
Classes#
| Class | Description |
|---|---|
| AbsoluteTiledBackground | |
| BaseSurfaceLayoutAdapter | |
| BrowserUIBase | Concrete instance of the Toolkit that uses ajax to load data asynchronously. |
| BrowserUIMagnetizer | An extension of the Magnetizer that knows about the DOM, offering an executeAtEvent method that takes a MouseEvent as the focus of the operation. |
| BrowserUIModel | A Model describes the appearance and behaviour of a set of Nodes, Edges, Ports and Groups. You do not create one of these directly; instead you pass a definition to a jsPlumbToolkit.render or jsPlumbToolkitBrowserUI.newInstance() call. Although the Model has the same syntax in each context, you are encouraged to configure model-specific things in the Model you pass to the newInstance method (such as, which Nodes/Ports can be connected to which others, what is the maximum number of connections, etc), and view-specific things (such as css classes, paint styles, connector appearance etc) to the model you pass to the render method. The render method automatically merges in a Node/Port/Edge definition from a Model defined on the associated Toolkit, if there is one. Only the Surface widget provides this. The Toolkit instance creates a Model but it is headless. |
| CanvasLayoutAdapter | |
| Decorator | |
| FixedLayer | |
| GroupLayoutAdapter | |
| LogarithmicTiledBackground | |
| PanZoom | Provides Pan/Zoom functionality. This component is not something with which users of the Toolkit are expected to work directly (although in fact it is sufficiently decoupled from the Surface that it could serve as a stand-alone widget for other use cases, which is something we've slated for future investigation). Each Surface widget is backed by a ZoomWidget. |
| PinchListener | |
| SimpleBackground | |
| Surface | |
| TiledBackground | |
| UIPath | A wrapper around the Toolkit's path object, which offers a few DOM specific methods. |
| UIState | |
| xml |
Enumerations#
| Enumeration | Description |
|---|---|
| SurfaceMode |
Functions#
| Function | Description |
|---|---|
| addWheelListener(el, callback, ignoreTouchWheelEvents, requireMetaKey) | |
| ajax(params) | Basic ajax function. |
| attWithValue(att, value) | |
| debounce(fn, timeout) | Create a debounced version of the given function. |
| getAbsolutePosition(element) | Returns the position of the given element, as reported by the left and top properties of the element's style. |
| mergeWithParents(type, map, shouldOverride) | Extract the definition(s) with the given type and merge them, |
| registerDecorator(name, dec) | |
| removeWheelListener(el, callback) | |
| render(toolkit, container, renderer, options) | This method is not intended to be used by a library user - you should use the render method on the Toolkit instance instead.Configures the given element as a Surface, registering it so that it reflects any changes to the underlying data. If there is any data in the Toolkit at the time of this call it is rendered; any data subsequently loaded is automatically rendered. You can supply layout arguments to this method (layout type + layout specific parameters), as well as jsPlumb rules for endpoints, paint styles etc. |
| setAbsolutePosition(element, x, y) | Sets the position of the given DOM element, by setting values for left and top on the element's style. |
| setBoundingRect(element, origin, size) | Sets the position and size of the given element. This method is equivalent to first calling setAbsolutePosition and then setSize on the given element. |
| setSize(element, w, h) | Sets the size of the given DOM element, by setting values for width and height on the element's style. |
| shouldOverrideEndpoints(p, from) |
Interfaces#
| Interface | Description |
|---|---|
| Background | |
| BackgroundOptions | |
| BasePortDefinition | |
| ConnectorEditor | |
| ConnectorEditorFactory | |
| ConstructableConnectorEditor | |
| EdgeDefinition | |
| EndpointDefinition | Definition of an Endpoint to be added to some Vertex. This is largely the same as a PortDefinition in the view, with the exception that an EndpointDefinition supports portId (which is used to look up a PortDefinition, if found), and also portId. |
| InternalSurfacePluginOptions | |
| IntersectingObjectData | |
| jsPlumbToolkitDOMElement | |
| jsPlumbToolkitDOMInformation | |
| ModelOptions | |
| PanZoomOptions | Options for the PanZoom widget. This widget is used internally by the Toolkit and is not something users of the library will need to interact with. |
| PinchListenerOptions | Pinch listener for all touch browsers - ipad, android, and windows laptops/surfaces. Needless to say, every browser does it differently. IE10+ uses PointerEvents; ipad safari/windows chrome/ipad chrome/ android chrome use TouchEvents. The listener posts pinchstart, pinch happening, and pinch end events. |
| SimpleBackgroundOptions | |
| SurfaceDragOptions | |
| SurfaceEdgeAddedParams | Payload for an edge:added event from a surface. |
| SurfaceGridOptions | Options for the grid in a Surface. |
| SurfaceGroupAddedParams | Payload for a group:added event from the Surface. |
| SurfaceGroupCollapsedParams | Payload for a group:collapse event from a surface |
| SurfaceGroupExpandedParams | Payload for a group:expand event from a surface |
| SurfaceGroupMemberAddedParams | Payload for a group:member:added event from the Surface. |
| SurfaceGroupMemberRemovedParams | Payload for a group:member:removed event from the Surface. |
| SurfaceGroupRemovedParams | Payload for a group:removed event from the Surface. |
| SurfaceGroupResizedParams | Payload for a group:resize event from a surface. |
| SurfaceMagnetizeOptions | Options for the magnetize functionality of the Surface. |
| SurfaceNodeAddedParams | Payload for a node:added event from the Surface. |
| SurfaceNodeRemovedParams | Payload for a node:removed event from the Surface. |
| SurfaceObjectInfo | |
| SurfacePanZoomParams | Payload for a pan/zoom event from a surface. |
| SurfacePlugin | |
| SurfacePluginOptions | |
| SurfacePortRemovedParams | Payload for a port:removed event from a Surface. |
| SurfaceRenderOptions | This interface defines the allowed parameters on a render call that will create a new Surface. |
| SurfaceSelector | |
| SurfaceVertexAddedParams | Payload for a node:added or group:added event from the Surface. |
| SurfaceVertexMoveStartParams | Payload for the node:move:start event that is fired when a node/group has just begun to be moved. |
| SurfaceVertexRemovedParams | Parent payload for a node:removed or group:removed event from the Surface. |
| SurfaceViewOptions | |
| TemplateRenderer | Defines a template renderer |
| TiledBackgroundOptions | |
| UIGroupDefinition | Definition of a group in the view. |
| UINodeDefinition | |
| UIPortDefinition | Definition of a port type. |
| UIVertexDefinition | |
| ViewEdgeOptions | |
| ViewGroupOptions | |
| ViewNodeOptions | |
| ViewNodeOrPortOptions | |
| ViewOptionsCommon | |
| ViewportBounds | Models the current bounds of a viewport, containing its left/top, width/height, padding and current zoom. |
| ViewPortOptions |
Variables#
Type Aliases#
| Type Alias | Description |
|---|---|
| DecoratorSpec | |
| FixedElementConstraint | |
| FixedElementConstraints | |
| FullDecoratorSpec | |
| FullPluginSpec | |
| IntersectingElementsFilter | |
| IntersectingVertex | |
| ModelEventCallback | |
| SupportsClassManipulation | List of entities whose class, in the visual representation, can be manipulated. |
| SupportsClassManipulationElement | Models some entity whose class, in the visual representation, can be manipulated. |
| SurfacePluginSpec | |
| TileSpecs | |
| ViewOptionsEntry | |
| ZoomRange | Models the minimum and maximum values in an allowed zoom range. |