java Jtable 如何动态添加button按钮

有时候我们需要在JTable中嵌入JButton，使得点击某个JTable单元格时，用户感觉通过JButton触发了响应事件。下面我们看看为JTable单元格添加按钮效果和响应事件的方法。以下示例实现的效果为：点击jtable中的button，button上的数字自动加1，并将加1后得到的数字正确显示在button上。

一、添加按钮显示效果

JTable中，单元格的数据显示默认是JTable的效果。如果我们想要按钮显示的效果的话，需要实现swing接口：javax.swing.table.TableCellRenderer，来改变单元格默认的渲染方法。

package TableButton

import java.awt.BorderLayout

import java.awt.Component

import javax.swing.JButton

import javax.swing.JPanel

import javax.swing.JTable

import javax.swing.table.TableCellRenderer

public class MyButtonRenderer implements TableCellRenderer {

    private JPanel panel

    private JButton button

    

    private int num

    public MyButtonRenderer() {

        initButton()

        initPanel()

        panel.add(button, BorderLayout.CENTER)

    }

    private void initButton() {

        button = new JButton()

    }

    private void initPanel() {

        panel = new JPanel()

        panel.setLayout(new BorderLayout())

    }

    public Component getTableCellRendererComponent(JTable table, Object value,

            boolean isSelected, boolean hasFocus, int row, int column) {

        num = (Integer) value

        

        button.setText(value == null ? "" : String.valueOf(value))

        return panel

    }

}

二、添加按钮响应事件

第1步中我们为表格添加了渲染器，但是渲染器只负责显示效果，要想点击”按钮“之后有响应，还得跟单元格的编辑器有关。点击表格是会触发表格的编辑时间，所以我们按钮的响应事件可以写在编辑器中，我们需要修改表格的默认编辑器实现。

swing中有个类javax.swing.DefaultCellEditor提供对单元格内插入JTextField/JComboBox/JCheckbox这3种控件，但是不提供对JButton的支持（1.7里不支持，不代表以后不会支持），所以我们得用到另外一个类自己写TableCellEditor，这个类是avax.swing.AbstractCellEditor。

package TableButton

import java.awt.BorderLayout

import java.awt.Component

import java.awt.event.ActionEvent

import java.awt.event.ActionListener

import javax.swing.AbstractCellEditor

import javax.swing.JButton

import javax.swing.JOptionPane

import javax.swing.JPanel

import javax.swing.JTable

import javax.swing.table.TableCellEditor

public class MyButtonEditor extends AbstractCellEditor implements

        TableCellEditor {

    /**

     * serialVersionUID

     */

    private static final long serialVersionUID = -6546334664166791132L

    private JPanel panel

    private JButton button

    private int num

    public MyButtonEditor() {

        initButton()

        initPanel()

        panel.add(this.button, BorderLayout.CENTER)

    }

    private void initButton() {

        button = new JButton()

        button.addActionListener(new ActionListener() {

            public void actionPerformed(ActionEvent e) {

                int res = JOptionPane.showConfirmDialog(null,

                        "Do you want to add 1 to it?", "choose one",

                        JOptionPane.YES_NO_OPTION)

                

                if(res ==  JOptionPane.YES_OPTION){

                    num++

                }

                //stopped!!!!

                fireEditingStopped()

            }

        })

    }

    private void initPanel() {

        panel = new JPanel()

        panel.setLayout(new BorderLayout())

    }

    @Override

    public Component getTableCellEditorComponent(JTable table, Object value,

            boolean isSelected, int row, int column) {

        num = (Integer) value

        

        button.setText(value == null ? "" : String.valueOf(value))

        return panel

    }

    @Override

    public Object getCellEditorValue() {

        return num

    }

}

需要注意的是得重写TableModel的isCellEditable方法，因为只有为重写Editor的列开启了可编辑功能，单元格才能被编辑，也就才能出发按钮单击事件。在下一段代码中有体现。

另外要注意得禁止掉JTable的行选中功能。否则我们再点击按钮时，JTable不知道是响应为”行选中“还是”按钮单击事件“。

三、测试代码

package TableButton

import java.awt.Color

import java.awt.EventQueue

import javax.swing.JFrame

import javax.swing.JPanel

import javax.swing.JScrollPane

import javax.swing.JTable

import javax.swing.table.DefaultTableModel

public class TestTable {

    private JFrame frame

    private JTable table

    

    private Object[][] data = {

            {1, 2, 3},

            {4, 5, 6},

            {7, 8, 9}}

    public static void main(String[] args) {

        EventQueue.invokeLater(new Runnable() {

            public void run() {

                try {

                    TestTable window = new TestTable()

                    window.frame.setVisible(true)

                } catch (Exception e) {

                    e.printStackTrace()

                }

            }

        })

    }

    public TestTable() {

        frame = new JFrame()

        frame.setBounds(100, 100, 450, 300)

        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)

        frame.getContentPane().setLayout(null)

        JPanel panel = new JPanel()

        panel.setBounds(10, 10, 414, 242)

        frame.getContentPane().add(panel)

        panel.setLayout(null)

        JScrollPane scrollPane = new JScrollPane()

        scrollPane.setBounds(10, 10, 394, 222)

        panel.add(scrollPane)

        table = new JTable()

        scrollPane.setViewportView(table)

        table.setModel(new DefaultTableModel() {

            @Override

            public Object getValueAt(int row, int column) {

                return data[row][column]

            }

            @Override

            public int getRowCount() {

                return 3

            }

            @Override

            public int getColumnCount() {

                return 3

            }

            @Override

            public void setValueAt(Object aValue, int row, int column){

                data[row][column] = aValue

                fireTableCellUpdated(row, column)

            }

            

            @Override

            public boolean isCellEditable(int row, int column) {

                if (column == 2) {

                    return true

                } else {

                    return false

                }

            }

        })

        table.getColumnModel().getColumn(2).setCellEditor(

                new MyButtonEditor())

        table.getColumnModel().getColumn(2).setCellRenderer(

                new MyButtonRenderer())

        table.setRowSelectionAllowed(false)

    }

}

下面是在一个格中加两个按钮的例子，一个在左边，一个在右边，三个图标的只要在加一个就行，可以把 delEditor.horizontalAlignment = SWT.LEFT设为CENTER：

TableEditor delEditor = new TableEditor(table_translate)

delEditor.horizontalAlignment = SWT.LEFT//按钮在单元格中的位置，有LEFT、CENTER、RIGHT

delEditor.minimumWidth = 75//按钮的大小

Button deleteBut = new Button(table_translate, SWT.NONE)//table_translate是Table类型对象，即要在上面画按钮的那个表格

deleteBut.setText("删除")//按钮显示的文字，也可以使用图片,用deleteBut.setImage()方法

delEditor.setEditor(deleteBut, item, 2)//指定按钮deleteBut在TableITem（即item，表格行）的第二列,从0开始

item.setData(UIConstants.EDITOR_BUTTON_DELETE, deleteBut)

deleteBut.addSelectionListener(new DeleteButtonListener(item))//按钮对应的 *** 作，//DeleteButtonListener是继承自SelectionAdapter的类，在该类中的widgetSelected方法中写该按钮具体的 *** 作

TableEditor delEditor1 = new TableEditor(table_translate)

delEditor1.horizontalAlignment = SWT.RIGHT

delEditor1.minimumWidth = 75

Button deleteBut1 = new Button(table_translate, SWT.NONE)

deleteBut1.setText("添加")

delEditor1.setEditor(deleteBut1, item, 2)

item.setData(UIConstants.EDITOR_BUTTON_DELETE, deleteBut1)

deleteBut1.addSelectionListener(new DeleteButtonListener(item))//按钮对应 *** 作

效果图如下：

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<title>Document</title>

</head>

<body>

<table border="" cellspacing="" cellpadding="">

<tr><th>Header</th></tr>

<tr>

<td>

<input type="button" id="btn" value="按钮" />

</td>

</tr>

</table>

<script type="text/javascript">

document.getElementById("btn").onclick = function(){

alert("1") //给按钮添加点击事件

}

</script>

</body>

</html>

请复制上面代码试一试

---