正文
jsplumb流程器使用2
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jsplumb默认注册在浏览器的窗口，为整个页面提供静态实例
1. 单独实例化的方法：
var firstInstance = jsPlumb.getInstance();
内部传入可定义对象 全局定义对象方法：
jsPlumb.importDefaults({···})
2. 每次连线，都会导致相关联元素重绘，加载大量数据时 比如执行批量导入切换视图 可以先暂停绘图：
jsPlumb.setSuspendDrawing(true);jsPlumb.setSuspendDrawing(false,true);
这里的第二个参数的true 会使整个jsplumb立即重绘
也可以使用batch batch 抽象出暂停绘图，执行某些操作，然后重新启用绘图的模式
jsPlumb.batch(fn,[doNotRepaintAfterwards]);
1.7.3版本前方法名：doWhileSuspended
3. 本行代码官方文档很模糊 我并不是很清楚放在这里有什么用
jsPlumb.fire('jsPlumbDemoLoaded', instance)
4. 生成新节点 删除旧节点
jsPlumb.setId(el,newId)
jsPlumb.setIdChanged(oldId,newId)
5. 拖动方法
firstInstance.draggable("some element");
6. 默认配置
Anchor : "BottomCenter",//端点的定位点的位置声明（锚点）：left，top，bottom等
Anchors : [ null, null ],//多个锚点的位置声明
ConnectionsDetachable : true,//连接是否可以使用鼠标默认分离
ConnectionOverlays : [],//附加到每个连接的默认重叠
Connector : "Bezier",//要使用的默认连接器的类型：折线，流程等
Container : null,//设置父级的元素，一个容器
DoNotThrowErrors : false,//如果请求不存在的Anchor，Endpoint或Connector，是否会抛出
DragOptions : { },//用于配置拖拽元素的参数
DropOptions : { },//用于配置元素的drop行为的参数
Endpoint : "Dot",//端点（锚点）的样式声明（Dot）
Endpoints : [ null, null ],//多个端点的样式声明（Dot）
EndpointOverlays : [ ],//端点的重叠
EndpointStyle : { fill : "#456" },//端点的css样式声明
EndpointStyles : [ null, null ],//同上
EndpointHoverStyle : null,//鼠标经过样式
EndpointHoverStyles : [ null, null ],//同上
HoverPaintStyle : null,//鼠标经过线的样式
LabelStyle : { color : "black" },／／标签的默认样式。
LogEnabled : false,//是否打开jsPlumb的内部日志记录
Overlays : [ ],//重叠
MaxConnections : 1,//最大连接数
PaintStyle : { lineWidth : 8, stroke : "#456" },//连线样式
ReattachConnections : false,//是否重新连接使用鼠标分离的线
RenderMode : "svg",//默认渲染模式
Scope : "jsPlumb_DefaultScope"//范围，标识
