draggableConnectorsDemo-yui3.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. ;(function() {
  2. var _initialised = false;
  3. jsPlumbDemo.showConnectionInfo = function(s) {
  4. Y.one('#list').setContent(s);
  5. Y.one('#list').setStyle("display","block");
  6. };
  7. jsPlumbDemo.hideConnectionInfo = function() {
  8. Y.one('#list').setStyle("display","none");
  9. };
  10. jsPlumbDemo.attachBehaviour = function() {
  11. if (!_initialised) {
  12. Y.all(".hide").each(function(h) {
  13. h.on('click', function() {
  14. jsPlumb.toggle(h.get("rel"));
  15. });
  16. });
  17. Y.all(".drag").each(function(d) {
  18. d.on('click', function() {
  19. var s = jsPlumb.toggleDraggable(d.get("rel"));
  20. d.setContent(s ? 'disable dragging' : 'enable dragging');
  21. var rel = "#" + d.getAttribute("rel");
  22. if (!s) Y.one(rel).addClass('drag-locked');
  23. else Y.one(rel).removeClass('drag-locked');
  24. Y.one(rel).setStyle("cursor", s ? "pointer" : "default");
  25. });
  26. });
  27. Y.all(".detach").each(function(d) {
  28. d.on('click', function() {
  29. jsPlumb.detachAllConnections(d.getAttribute("rel"));
  30. });
  31. });
  32. Y.one("#clear").on('click', function() {
  33. jsPlumb.detachEveryConnection();
  34. jsPlumbDemo.showConnectionInfo("");
  35. });
  36. _initialised = true;
  37. }
  38. };
  39. })();