Блог

Мне трудно выполнить группировку выбранных ячеек, на данный момент мне нужно понять только основную логику, поэтому не имеет значения, как ее группировать.

Например, теперь я могу выделить ячейки с помощью инструмента rubberband и вывести 2 выбранных объекта, как это:

 let selectedCells = graph.getSelectionCells()
console.log(selectedCells)

output:
Array [ {…}, {…} ]
​
0: Object { value: "strategy title", id: "8", vertex: true, … }
​
1: Object { value: "goal title", style: "verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.basic.star", id: "9", … }
 

Так, например, как я должен сгруппировать ячейку 1 в ячейку 0? Для того, чтобы получить какой-то родительский эффект?

Это код, который у меня есть на данный момент, но он не работает…

   var cells = graph.getSelectionCells()

  var cell1 = cells[0];
  var cell2 = cells[1];

  console.log(cell1,cell2);


  var newGroup = graph.createGroupCell(cells)
  newGroup.setStyle('whiteSpace=wrap;html=1;aspect=fixed;fillColor=#d5e8d4;strokeColor=#82b366;rounded=1;');
  console.log(newGroup)

  let updatedGraph = graph
  updatedGraph.getModel().beginUpdate();
  try {
    mxGraph.groupCells(newGroup, null, cells)

  } finally {
    // Updates the display
    updatedGraph.getModel().endUpdate();
  }

  setGraph(() => updatedGraph)