Open Elements – JGrid Tutorial #4

Warning This article is outdated and may contain incorrect information.

In this tutorial we want to add zoom functionality to the JGrid. You can set the dimension of the grid cells be the property fixedCellDimension. Here is a example for two different dimensions:

tutorial4-1

tutorial4-2

To add a zoom functionality to the grid you can set the dimension by using a JSlider. Here is the code:

final JSlider slider = new JSlider(32, 256);
slider.setValue(grid.getFixedCellDimension());

slider.addChangeListener(new ChangeListener() {
  @Override
  public void stateChanged(ChangeEvent arg0) {
    grid.setFixedCellDimension(slider.getValue());
  }
});

Now you can edit the dimension dynamically. Here is the result:

{% include posts/youtube.html id=“Zyqf-P2ftFs” %}

You can download the source file here.

JGrid Tutorial #4

Hendrik Ebbers