• 追加された行はこの色です。
  • 削除された行はこの色です。
TITLE:JTableのセルにJButtonを追加して行削除
#navi(../)
RIGHT:Posted by [[terai]] at 2007-10-22
*JTableのセルにJButtonを追加して行削除 [#y5a20522]
JTableのセルにJButtonを追加し、クリックされたらその行を削除します。主に[[Swing - JButton inside JTable Cell>http://forums.sun.com/thread.jspa?threadID=680674]]の投稿を参考にしています。
---
category: swing
folder: DeleteButtonInCell
title: JTableのセルにJButtonを追加して行削除
tags: [JTable, JButton, TableCellRenderer, TableCellEditor, ActionListener]
author: aterai
pubdate: 2007-10-22T07:55:05+09:00
description: JTableのセルにJButtonを追加し、クリックされたらその行を削除します。
image: https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTKsRqqqeI/AAAAAAAAAWY/X0y-Ph7jngA/s800/DeleteButtonInCell.png
---
* 概要 [#summary]
`JTable`のセルに`JButton`を追加し、クリックされたらその行を削除します。

-&jnlp;
-&jar;
-&zip;
#download(https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTKsRqqqeI/AAAAAAAAAWY/X0y-Ph7jngA/s800/DeleteButtonInCell.png)

#screenshot
* サンプルコード [#sourcecode]
#code(link){{
class DeleteButton extends JButton {
  @Override public void updateUI() {
    super.updateUI();
    setBorder(BorderFactory.createEmptyBorder());
    setFocusable(false);
    setRolloverEnabled(false);
    setText("X");
  }
}

**サンプルコード [#i9dca28f]
#code{{
class ButtonColumn extends AbstractCellEditor
    implements TableCellRenderer, TableCellEditor {
  private static final String LABEL = "X";
  private final JButton renderButton = new JButton(LABEL);
  private final JButton editorButton;
  public ButtonColumn() {
class DeleteButtonRenderer extends DeleteButton implements TableCellRenderer {
  public DeleteButtonRenderer() {
    super();
    editorButton = new JButton(new AbstractAction(LABEL) {
      public void actionPerformed(ActionEvent e) {
    setName("Table.cellRenderer");
  }

  @Override public Component getTableCellRendererComponent(JTable table,
      Object value, boolean isSelected, boolean hasFocus, int row, int column) {
    return this;
  }
}

class DeleteButtonEditor extends DeleteButton implements TableCellEditor {
  public DeleteButtonEditor(final JTable table) {
    super();
    addActionListener(new ActionListener() {
      @Override public void actionPerformed(ActionEvent e) {
        int row = table.convertRowIndexToModel(table.getEditingRow());
        fireEditingStopped();
        ((DefaultTableModel) table.getModel()).removeRow(row);
      }
    });
    editorButton.setBorder(BorderFactory.createEmptyBorder());
    renderButton.setBorder(BorderFactory.createEmptyBorder());
    editorButton.setFocusPainted(false);
    editorButton.setRolloverEnabled(false);
    //renderButton.setToolTipText("Delete(renderButton)");
    //editorButton.setToolTipText("Delete(editorButton)");
  }
  public Component getTableCellRendererComponent(JTable table, Object value,
                      boolean isSelected, boolean hasFocus, int row, int column) {
    return renderButton;

  @Override public Component getTableCellEditorComponent(JTable table,
      Object value, boolean isSelected, int row, int column) {
    return this;
  }
  public Component getTableCellEditorComponent(JTable table, Object value,
                      boolean isSelected, int row, int column) {
    return editorButton;

  @Override public Object getCellEditorValue() {
    return "";
  }
  public Object getCellEditorValue() {
    return LABEL;
  }

  // Copied from AbstractCellEditor
  // protected EventListenerList listenerList = new EventListenerList();
  // transient protected ChangeEvent changeEvent = null;
  // ...
}
}}

**解説 [#qcbd9c4d]
上記のサンプルでは、ボタンがクリックされたときの削除自体は、JTableに追加したマウスリスナーで行っており、セルエディタやセルレンダラーに使っているJButtonは表示のためのダミーです。
#code{{
table.addMouseListener(new MouseAdapter() {
  private int targetRow = -1;
  @Override public void mousePressed(MouseEvent e) {
    Point pt = e.getPoint();
    int mcol = table.convertColumnIndexToModel(table.columnAtPoint(pt));
    int vrow = table.rowAtPoint(e.getPoint());
    int mrow = (vrow>=0)?table.convertRowIndexToModel(vrow):-1;
    if(mrow>=0 && mcol==BUTTON_COLUMN) {
      targetRow = mrow;
    }
  }
  @Override public void mouseReleased(MouseEvent e) {
    Point pt = e.getPoint();
    int mcol = table.convertColumnIndexToModel(table.columnAtPoint(pt));
    int vrow = table.rowAtPoint(e.getPoint());
    int mrow = (vrow>=0)?table.convertRowIndexToModel(vrow):-1;
    if(targetRow==mrow && mcol==BUTTON_COLUMN) {
      model.removeRow(mrow);
    }
    targetRow = -1;
  }
});
}}
* 解説 [#explanation]
- セルレンダラーに使用する`JButton`は表示専用でクリックイベントなどは無視される
- セルエディタとして使用する`JButton`に`ActionListener`を追加し、この`JButton`がクリックされたら`AbstractCellEditor`からコピーした`fireEditingStopped()`メソッドでセルの編集を終了し、`TableModel`から対象行を削除
-- セルレンダラー、セルエディタがコンポーネント(もしくは`DefaultCellEditor`)を継承していないと`JTable`の`LookAndFeel`を変更てもセルレンダラー、セルエディタの`updateUI()`が呼ばれない
--- `JTable#updateUI()`、`Java 1.6.0`の`JTable#updateSubComponentUI(...)`、`Java 1.7.0`の`SwingUtilities#updateRendererOrEditorUI(Object)`を参照
-- `AbstractCellEditor`を継承していても`updateUI()`は呼ばれない、`DefaultCellEditor`は継承しづらい…

複数選択を許可しない場合は、[[Swing - JButton inside JTable Cell>http://forums.sun.com/thread.jspa?threadID=680674]]のように、セルエディタにリスナーを追加し、選択されたセルを削除する方法もあります。
#code{{
public ButtonColumn(final JTable table) {
  super();
  table.setSelectionMode(ListSelectionModel.SINGLE_SELECTION);
  editorButton = new JButton(new AbstractAction(LABEL) {
    public void actionPerformed(ActionEvent e) {
      fireEditingStopped();
      int row = table.convertRowIndexToModel(table.getSelectedRow());
      ((DefaultTableModel)table.getModel()).removeRow(row);
    }
  });
  //...
}}
複数選択を許可する場合は、Ctrlキーなどを押しながらのボタンクリックに注意する必要があります。
* 参考リンク [#reference]
- [https://community.oracle.com/thread/1357728 Swing - JButton inside JTable Cell]
- [[JTableの行を追加、削除>Swing/AddRow]]
- [[JTableの行を全削除>Swing/ClearTable]]
- [[JTableのセルに複数のJButtonを配置する>Swing/MultipleButtonsInTableCell]]
- [[JTableのセルにHyperlinkを表示>Swing/HyperlinkInTableCell]]

**参考リンク [#kcf3a9d4]
-[[Swing - JButton inside JTable Cell>http://forums.sun.com/thread.jspa?threadID=680674]]
-[[JTableの行を追加、削除>Swing/AddRow]]
-[[JTableの行を全削除>Swing/ClearTable]]
* コメント [#comment]
#comment
- ボタンのセル内でマウスを移動しても削除するように変更。 -- &user(aterai); &new{2008-03-28 (金) 16:59:11};
-- メモ: %%`0`行目のボタンをクリックし、真上のヘッダ上でリリースしても削除可能%% 修正済み: [https://bugs.openjdk.org/browse/JDK-6291631 Bug ID: 6291631 JTable: rowAtPoint returns 0 for negative y] (追記: このバグは未修正になっているけど、`JDK 1.6, 1.7`などのソースではコメントにある修正が追加されている) -- &user(aterai); &new{2008-03-28 (金) 17:21:10};

**コメント [#t2516d67]
- ボタンのセル内でマウスを移動しても削除するように変更。 -- [[terai]] &new{2008-03-28 (金) 16:59:11};
-- メモ: 0行目のボタンをクリックし、真上のヘッダ上でリリースしても削除できる -> [[Bug ID: 6291631 JTable: rowAtPoint returns 0 for negative y>http://bugs.sun.com/view_bug.do?bug_id=6291631]] -- [[terai]] &new{2008-03-28 (金) 17:21:10};
#code{{
//上記のBug Databaseにある回避方法
JTable table = new JTable(model) {
  @Override public int rowAtPoint(Point pt) {
    return (pt.y<0)?-1:super.rowAtPoint(pt);
    return (pt.y < 0) ? -1 : super.rowAtPoint(pt);
  }
};
}}

- テスト -- &user(aterai); &new{2009-09-27 (日) 01:34:58};
-- [[JTableのセルに複数のJButtonを配置する>Swing/MultipleButtonsInTableCell]]に移動。 -- &user(aterai); &new{2009-10-05 (日) 01:34:58};

#comment