Remove a row from a GridPane
<p>I'm using a <code>GridPane</code> to stock informations about cities (in a game), but sometimes I want to delete some lines. This is the Class I use for my <code>GridPane</code> : </p>

<pre><code>import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;

import com.franckyi.kingsim.city.City;

import javafx.scene.Node;
import javafx.scene.control.Button;
import javafx.scene.control.CheckBox;
import javafx.scene.layout.GridPane;
import javafx.scene.text.Text;

public class CityGrid extends GridPane {

    private List&lt;City&gt; cities;

    public CityGrid() {
        super();
        cities = new ArrayList&lt;City&gt;();
    }

    public List&lt;City&gt; getCities() {
        return cities;
    }

    public void deleteCity(int row) {
        cities.remove(row - 1);
        removeNodes(getNodesFromRow(row));
        int i = row;
        while (!getNodesFromRow(i + 1).isEmpty()) {
            moveNodes(i + 1, getNodesFromRow(i + 1));
            removeNodes(getNodesFromRow(i + 1));
            i++;
        }
    }

    public void addCity(City city) {
        cities.add(city);
        int col = 0;
        List&lt;Node&gt; rowNodes = new ArrayList&lt;Node&gt;();
        Button mod = new Button("Modify");
        mod.setOnAction(event -&gt; {

        });
        Button del = new Button("Delete");
        del.setOnAction(event -&gt; {
            deleteCity(getRowIndex(del));
        });
        rowNodes.addAll(Arrays.asList(new CheckBox(), new Text(city.getName()), new Text(city.getStatus().getText()),
                new Text(city.getTrade() + ""), new Text(city.getCost() + ""), new Text(city.getTroops() + ""), mod,
                del));
        for (Node n : rowNodes) {
            n.setId(cities.size() + "");
            this.add(n, col, cities.size());
            col++;
        }
    }

    private List&lt;Node&gt; getNodesFromRow(int i) {
        List&lt;Node&gt; list = new ArrayList&lt;Node&gt;();
        for (Node n : getChildren()) {
            if (getRowIndex(n).equals(i)) {
                list.add(n);
            }
        }
        System.out.println(list.size());
        return list;
    }

    private void removeNodes(List&lt;Node&gt; list) {
        for (Node node : list) {
            this.getChildren().remove(getIndex(getColumnIndex(node), getRowIndex(node)));
        }
    }

    private void moveNodes(int row, List&lt;Node&gt; nodes) {
        int i = 0;
        for (Node node : getNodesFromRow(row)) {
            this.getChildren().set(getIndex(getColumnIndex(node), getRowIndex(node)),
                    nodes.get(i));
            i++;
        }
    }

    private int getIndex(int col, int row) {
        int i = 0;
        for (Node node : getChildren()) {
            if (getColumnIndex(node) == col &amp;&amp; getRowIndex(node) == row)
                return i;
            i++;
        }
        return 0;
    }

}
</code></pre>

<hr>

<p>The <code>addCity</code> function works perfectly. The <code>deleteCity</code> function also works when I delete the last city added. But when I delete a city, it automatically deletes ALL the cities added after the one I delete, and I don't want that.</p>

<p>You should also notice that everytime the <code>getNodesFromRow(int i)</code> method is executed, it prints the number of Nodes in the selected row. When I add two cities and I delete the first one, this is what I get in the console : 8, 0, 8, 8, 8, 8, 8, 0.</p>

<p>Can someone help me ? (Tell me if you want all the code needed to reproduce it at home)</p>