Tag: jsplumb

使用滚动条向下滚动时，使框保持不变: 当我点击一个框时，我可以将它拖动到屏幕上。您可以单击文件夹图标以打开信息视图，并且会出现滚动条，因为有大量文本。问题：当我使用鼠标滚动滚动条时，它也会拖动框。当我单击滚动条移动栏时，如何使其不移动框？我正在使用jsPlumb.draggable()来启用拖动。 jsfiddle： http ： //jsfiddle.net/7PuN3/2/

无法将图像设置为jsPlumb端点: 我在我的项目中使用了jsPlumb库，并且我有一个函数可以在连接时更改端点映像。我在页面加载时调用它，一切正常，但是当我在连接事件上调用它时，没有任何反应。这是我的代码： function changeEndpointImage(){ var elem = $(‘.tableBody’); //These are my connectable elements for(var i=0;i<elem.length;i++) { var eps=jsPlumb.getEndpoints($(elem[i])); //Getting endpoints for each of the connectable elements for(var j=0;j<eps.length;j++) { if(eps[j].connections.length!=0) //Checking if any of them have connections eps[j].setImage("images/styled_radiobutton.png"); //Setting another image } } } jsPlumb.bind("connection", function(connection) { changeEndpointImage(); //I have also tried this method […]

如何在JsPlumb小部件上启用resize？: 我正在使用JSPlumb和AngularJS构建小部件列表，我需要使用每个小部件上的处理程序启用resize。已经有一个example ，我已经实现了，但resize不会发生。这是我的代码， HTML： App.js： routerApp.directive(‘resizeable’,function($compile){ return{ restrict: ‘A’, link: function(scope, element, attrs){ element.resizeable({ resize : function(event, ui) { jsPlumb.repaint(ui.helper); }, handles: “all” }); } }; 这是Plunker 实施pankajparkar代码后的输出，我的实际小部件：

使用JsPlumb将jQuery UI对话框与行连接: 我正在使用名为jsPlumb的jQuery插件 – http://jsplumb.org/jquery/demo.html ，我想用jsPlumb生成的行连接我的jQuery UI对话框。但我无法弄清楚这样做的方法。我有这个来源： Tuhle neco je Tuhle je neco jineho 当我使用jQuery UI从这个div创建对话框时 $(“#okenko1”).dialog()… 然后我做了铅垂： jsPlumb.connect({source: $(“#okenko1”), target: $(“#okenko2”)}); 它的错误:-D看起来像这个http://prntscr.com/2udde 我试图扭转这个过程，首先检查em然后使用对话框，结果在这里http://prntscr.com/2udef ：接下来我试图检测由UI创建的div，它不起作用…… 我接下来该怎么办？我真的需要在页面上用线连接两个元素，当我移动其中一个元素时它会移动，但我找不到比jsPlumb更好的东西。

jsPlumb在调用setPaintStyle（）时删除直接连接: 我正在使用jsPlumb进行中型项目。虽然文档在可靠的解释方面很小，但我已经设法完成了项目，现在我已准备好提供它。在交货日期之前，我被要求将连接线笔直而不是弯曲。我认为这就像在jsPlumb connect方法中添加一个关键字一样简单： jsPlumb.connect({ connector: ‘Straight’… }) ……就是这样。所以有什么问题？我正在研究的这个项目必须允许用户“选择”连接线，然后按“删除”按钮清除他们选择的连接。我允许用户通过调用jsPlumb的setPaintStyle()方法来选择连接，如下所示： // Select/Deselect each connection on click jsPlumb.bind(‘click’, function (connection, e) { e.preventDefault(); connection.setPaintStyle({ strokeStyle: ‘red’ }); }); 仅当线条弯曲时才会按预期工作（默认为jsPlumb ）。但是，如果connect()方法中的connect() connector选项更改为“直线” ，则垂直连接线（它们的端点彼此相交）在我单击时会消失。其余的直线没有直接相互交叉的直线点没有这个问题。完全删除连接器选项，或将其值设置为“Bezier”，或者在选项设置为“Straight”时不调用setPaintStyle()方法，然后单击的行保持原样。这是一个jsBin示例： jsPlumb setPaintStyle（）与直线bug 最初我认为这是我的应用程序中的一个错误，但在花了很多时间之后我将问题跟踪到setPaintStyle（）方法。我非常有信心这是一个jsPlumb错误，但我并不完全确定。在这一点上非常令人沮丧，因为唯一能阻止我提供项目的是能够将笔触颜色更改为红色。如果我能用直线完成这个简单的任务，那么我可以前进。我已经考虑过自己定位SVG路径节点并改变这种方式的笔触颜色，但由于jsPlumb使用VML for IE8（ ie8是这个项目的要求），我不确定我能做到这一点。有什么建议？

需要使用具有连接和端点的jsplumbvalidation页面: 我有一个端点与连接器连接的页面。假设删除两个端点之间的任何连接，端点保持未连接状态。我需要validation必须检查所有端点是否都有连接的页面。如果所有端点都有连接，则必须validation为true，否则它必须validation为false。

jsPlumb使用单击而不是拖动来连接元素: 我正在尝试使用jsPlumb将问题与测验中的答案联系起来。我有大部分工作期望我希望能够单击一个问题，然后单击一个答案，而不是从一个端点拖动到另一个端点。这是因为拖动触摸设备是乏味的。这可能吗？这是我的jsbin与拖动工作这是我正在使用的jquery。 $(document).ready(function () { var targetOption = { anchor: “LeftMiddle”, isSource: false, isTarget: true, reattach: true, endpoint: “Rectangle”, connector: “Straight”, connectorStyle: { strokeStyle: “#ccc”, lineWidth: 5 }, paintStyle: { width: 20, height: 20, fillStyle: “#ccc” }, setDragAllowedWhenFull: true } var sourceOption = { tolerance: “touch”, anchor: “RightMiddle”, maxConnections: 1, isSource: […]