Hi,

I have this requirement where two boxes must be attached to another bigger box when on the flowchart. When the bigger box is moved around the two boxes must move also.

This works alright for me.

I also need to detach the boxes if the bigger box is resized. So, I handle the ItemModifying event to detach the two boxes.

The boxes get detached alright,

But I get two problems with this:

1. If there is an arrow connecting the two smaller boxes, the arrow also moves with the bigger box.

2. The two boxes become unselectable after the resize. They can never be selected again.

I have attached the code here:

[code]

private void testContainment() {
Box three = new Box(flowChart);
three.setBounds(5, 5, 60, 60);

Box one = new Box(flowChart);
one.setBounds(10, 10, 15, 15);

Box two = new Box(flowChart);
two.setBounds(40, 10, 15, 15);

flowChart.addFlowChartListener(new FlowChartAdapter() {
@Override
public void itemModifying(ValidationEvent e) {
if (e.getItem() instanceof Box && e.getSelectionHandle() != 8) {

ItemList attachedItems = new ItemList();

for (Item item : ((Box) e.getItem()).getSubordinateGroup()
.getAttachedItems()) {
attachedItems.add(item);
}

for (Item item : attachedItems) {
((Box) item).detach();
}

if (((Box) e.getItem()).getSubordinateGroup() != null) {
((Box) e.getItem()).getSubordinateGroup()
.getAttachedItems().clear();
}
}
}
});

flowChart.add(three);
flowChart.add(one);
flowChart.add(two);

one.attachTo(three, AttachToNode.TopCenter);
two.attachTo(three, AttachToNode.TopCenter);
}
[/code]

Or if there is any other way I can fulfil my requirement?

Thanks,
Praveen

Hi Stoyan,

Thanks, this solves the problem 2, and the boxes are now selectable.

But the problem 1 is still present - the arrow connecting the two smaller box is still moving with the larger box.

Thanks,
Praveen

Hi Stoyan,

I have the following code now:

[code]
private void testContainment() {
Box three = new Box(flowChart);
three.setBounds(5, 5, 60, 60);

Box one = new Box(flowChart);
one.setBounds(10, 10, 15, 15);

Box two = new Box(flowChart);
two.setBounds(40, 10, 15, 15);

flowChart.addFlowChartListener(new FlowChartAdapter() {
@Override
public void itemModifying(ValidationEvent e) {
if (e.getItem() instanceof Box && e.getSelectionHandle() != 8) {

ItemList attachedItems = new ItemList();

for (Item item : ((Box) e.getItem()).getSubordinateGroup()
.getAttachedItems()) {
attachedItems.add(item);
}

for (Item item : attachedItems) {
((Box) item).detach();
((Box) item).cancelModify(item.getFlowChart().getInteraction());

for (Arrow arrow : ((Box) item).getOutgoingArrows()) {
arrow.cancelModify(item.getFlowChart().getInteraction());
}

for (Arrow arrow : ((Box) item).getIncomingArrows()) {
arrow.cancelModify(item.getFlowChart().getInteraction());
}
}
}
}
});

flowChart.add(three);
flowChart.add(one);
flowChart.add(two);

one.attachTo(three, AttachToNode.TopCenter);
two.attachTo(three, AttachToNode.TopCenter);
}
[/code]

But inspite of this, the arrow connecting the inner two boxes continues to move.

Maybe I have older version of the source code then? If so, can you send me the current version, so I can check against that?

Thanks,
Praveen

Hi Stoyan,

I am sorry I have come back quite late after testing with the new source you gave me. Some other work held me up.

I still have the same problem. I have attached the code now where the arrow is also created during the initialization.

[code]
package research;

import javax.swing.JApplet;

import com.mindfusion.jdiagram.Arrow;
import com.mindfusion.jdiagram.AttachToNode;
import com.mindfusion.jdiagram.Box;
import com.mindfusion.jdiagram.FlowChart;
import com.mindfusion.jdiagram.FlowChartAdapter;
import com.mindfusion.jdiagram.Item;
import com.mindfusion.jdiagram.ItemList;
import com.mindfusion.jdiagram.ValidationEvent;

public class Goop extends JApplet {
private static final long serialVersionUID = 1L;

private FlowChart flowChart;

@Override
public void init() {
super.init();

flowChart = new FlowChart();
this.getContentPane().add(flowChart);

testContainment();
}

private void testContainment() {
Box three = new Box(flowChart);
three.setBounds(5, 5, 60, 60);

Box one = new Box(flowChart);
one.setBounds(10, 10, 15, 15);

Box two = new Box(flowChart);
two.setBounds(40, 10, 15, 15);

flowChart.addFlowChartListener(new FlowChartAdapter() {
@Override
public void itemModifying(ValidationEvent e) {
if (e.getItem() instanceof Box && e.getSelectionHandle() != 8) {

ItemList attachedItems = new ItemList();

for (Item item : ((Box) e.getItem()).getSubordinateGroup()
.getAttachedItems()) {
attachedItems.add(item);
}

for (Item item : attachedItems) {
((Box) item).detach();
((Box) item).cancelModify(item.getFlowChart().getInteraction());
}
}
}
});

flowChart.add(three);
flowChart.add(one);
flowChart.add(two);

Arrow arrow = new Arrow(flowChart, one, two);
flowChart.add(arrow);
one.attachTo(three, AttachToNode.TopCenter);
two.attachTo(three, AttachToNode.TopCenter);
}
}

[/code]

I hope you get the same error I do, so at least I know I am not doing something wrong somewhere.

Thanks,
Praveen

Hi Stoyan,

To get the problem I am talking about:


1. Select the bigger outer rectangle.
2. Drag the left border of this rectangle to the right.
You will now notice that the bigger rectangle is on the top.
3. Move the rectangle away. You will see that the arrow has moved to the right.

I have tried this out with the sample you have sent me now.

Thanks,
Praveen

Hi,

Can you give me an approximate time I can see this change, or does 1.0.2 release have this fix already?

Thanks,
Praveen

Hi Stoyan,

That works very well.  Thanks.

I had to make

[code]
ItemList getAttachedItems()
[/code]

of Group public to get this done. Will your next release have this method as public?

Thanks,
Praveen

Hi,

I am getting some other problems with this implementation. I have extended the example as shown below:

[code]
package research;

import java.awt.Color;

import javax.swing.JApplet;

import com.mindfusion.jdiagram.Arrow;
import com.mindfusion.jdiagram.AttachToNode;
import com.mindfusion.jdiagram.Box;
import com.mindfusion.jdiagram.FlowChart;
import com.mindfusion.jdiagram.FlowChartAdapter;
import com.mindfusion.jdiagram.Group;
import com.mindfusion.jdiagram.Item;
import com.mindfusion.jdiagram.ItemList;
import com.mindfusion.jdiagram.ShadowsStyle;
import com.mindfusion.jdiagram.SolidBrush;
import com.mindfusion.jdiagram.ValidationEvent;

public class Goop extends JApplet {
private static final long serialVersionUID = 1L;

private FlowChart flowChart;

@Override
public void init() {
super.init();

flowChart = new FlowChart();
flowChart.setSelectionOnTop(false);
flowChart.setBackBrush(new SolidBrush(Color.WHITE));
flowChart.setShadowsStyle(ShadowsStyle.None);
this.getContentPane().add(flowChart);

testContainment();
}

Box four, five;

private void testContainment() {
Box three = new Box(flowChart);
three.setBounds(5, 5, 90, 60);

Box one = new Box(flowChart);
one.setBounds(10, 10, 15, 15);

Box two = new Box(flowChart);
two.setBounds(40, 10, 15, 15);

four = new Box(flowChart);
four.setBounds(60, 10, 15, 15);

five = new Box(flowChart);
five.setBounds(160, 110, 15, 15);

flowChart.addFlowChartListener(new FlowChartAdapter() {
@Override
public void itemModifying(ValidationEvent e) {
if (e.getItem() instanceof Box && e.getSelectionHandle() != 8) {

ItemList attachedItems = new ItemList();

if (e.getItem().getSubordinateGroup() == null) {
return;
}

for (Item item : ((Box) e.getItem()).getSubordinateGroup()
.getAttachedItems()) {
attachedItems.add(item);
}

Group g = e.getItem().getSubordinateGroup();
for (Item item : attachedItems)
{
Box box = (Box)item;

if (box == four) {
continue;
}

for (Arrow a : box.getIncomingArrows())
if (g.getArrowsToMove().contains(a))
g.getArrowsToMove().remove(a);

for (Arrow a : box.getOutgoingArrows())
if (g.getArrowsToMove().contains(a))
g.getArrowsToMove().remove(a);

((Box) item).detach();
((Box) item).cancelModify(item.getFlowChart().getInteraction());
}
flowChart.recreateCacheImage();
}
}
});

flowChart.add(three);
flowChart.add(one);
flowChart.add(two);
flowChart.add(four);

flowChart.add(five);

Arrow arrow = new Arrow(flowChart, one, two);
flowChart.add(arrow);
one.attachTo(three, AttachToNode.TopCenter);
two.attachTo(three, AttachToNode.TopCenter);
four.attachTo(three, AttachToNode.TopCenter);
}
}

[/code]

Resize the biggest box (the one which contains the the three boxes).

The box to the bottom right disappears.

If I remove

[code]
flowChart.recreateCacheImage();
[/code]

the symbol stops disappearing.

Is that line really required, or can I lose it?