How to use the jsplumb.jsPlumb.getSelector function in jsplumb

To help you get started, we’ve selected a few jsplumb examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github apache / incubator-dolphinscheduler / escheduler-ui / src / js / conf / home / pages / dag / _source / plugIn / jsPlumbHandle.js View on Github external
JSP.prototype.jspBackfill = function ({ connects, locations, largeJson }) {
  // Backfill nodes
  this.jsonHandle({
    largeJson: largeJson,
    locations: locations
  })

  let wNodes = jsPlumb.getSelector('.statemachine-demo .w')

  // Backfill line
  this.JspInstance.batch(() => {
    for (let i = 0; i < wNodes.length; i++) {
      this.initNode(wNodes[i])
    }
    _.map(connects, v => {
      let sourceId = v.endPointSourceId.split('-')
      let targetId = v.endPointTargetId.split('-')
      if (sourceId.length === 4 && targetId.length === 4) {
        sourceId = `${sourceId[0]}-${sourceId[1]}-${sourceId[2]}`
        targetId = `${targetId[0]}-${targetId[1]}-${targetId[2]}`
      } else {
        sourceId = v.endPointSourceId
        targetId = v.endPointTargetId
      }
github apache / incubator-dolphinscheduler / dolphinscheduler-ui / src / js / conf / home / pages / dag / _source / plugIn / jsPlumbHandle.js View on Github external
JSP.prototype.jspBackfill = function ({ connects, locations, largeJson }) {
  // Backfill nodes
  this.jsonHandle({
    largeJson: largeJson,
    locations: locations
  })

  let wNodes = jsPlumb.getSelector('.statemachine-demo .w')

  // Backfill line
  this.JspInstance.batch(() => {
    for (let i = 0; i < wNodes.length; i++) {
      this.initNode(wNodes[i])
    }
    _.map(connects, v => {
      let sourceId = v.endPointSourceId.split('-')
      let targetId = v.endPointTargetId.split('-')
      if (sourceId.length === 4 && targetId.length === 4) {
        sourceId = `${sourceId[0]}-${sourceId[1]}-${sourceId[2]}`
        targetId = `${targetId[0]}-${targetId[1]}-${targetId[2]}`
      } else {
        sourceId = v.endPointSourceId
        targetId = v.endPointTargetId
      }
github toutouping / vue-web-demo / src / views / flow-template / utils / flow.js View on Github external
// 绑定数据
        $(`#${location.id}`).data('raw', location);

        // 添加端点
        var endpointsPosition = [];

        if (opts.locationConfig[location.type]) {
          endpointsPosition = opts.locationConfig[location.type];
        }

        _addEndpoints(instance, location.id, endpointsPosition, []);

        if (opts.isEdit) {
            // 使得节点可拖拽
          var locationEl = jsPlumb.getSelector(opts.canvas + ' ' + `#${location.id}`);

          instance.draggable(locationEl, {
            grid: [5, 5],
            start: function (event, id) {
              nodeClickStatus.pageX = event.e.pageX;
              nodeClickStatus.pageY = event.e.pageY;
            },
            stop: function (event, id) {
                    // _getBestArrow(id)
              opts.onLocationMove && opts.onLocationMove(id);
              if (event.e.pageX !== nodeClickStatus.pageX || event.e.pageY !== nodeClickStatus.pageY) {
                nodeClickStatus.isDragEvent = true;
              } else {
                nodeClickStatus.isDragEvent = false;
              }
            }
github apache / incubator-dolphinscheduler / escheduler-ui / src / js / conf / home / pages / dag / _source / plugIn / jsPlumbHandle.js View on Github external
let top = parseInt(ui.offset.top - $(this).offset().top) - 10
        if (top < 25) {
          top = 25
        }
        // Generate template node
        $('#canvas').append(rtTasksTpl({
          id: id,
          name: id,
          x: left,
          y: top,
          isAttachment: self.config.isAttachment,
          taskType: findComponentDownward(self.dag.$root, 'dag-chart').dagBarId
        }))

        // Get the generated node
        let thisDom = jsPlumb.getSelector('.statemachine-demo .w')

        // Generating a connection node
        self.JspInstance.batch(() => {
          self.initNode(thisDom[thisDom.length - 1])
        })
        selfId = id
      }
    })
github apache / incubator-dolphinscheduler / dolphinscheduler-ui / src / js / conf / home / pages / dag / _source / plugIn / jsPlumbHandle.js View on Github external
let top = parseInt(ui.offset.top - $(this).offset().top) - 10
        if (top < 25) {
          top = 25
        }
        // Generate template node
        $('#canvas').append(rtTasksTpl({
          id: id,
          name: id,
          x: left,
          y: top,
          isAttachment: self.config.isAttachment,
          taskType: findComponentDownward(self.dag.$root, 'dag-chart').dagBarId
        }))

        // Get the generated node
        let thisDom = jsPlumb.getSelector('.statemachine-demo .w')

        // Generating a connection node
        self.JspInstance.batch(() => {
          self.initNode(thisDom[thisDom.length - 1])
        })
        selfId = id
      }
    })