JTable_Swing part 7


Trong phần này chúng ta sẽ học cách để tạo tiêu đề cho các hàng trong một bảng và tạo cột đóng băng.

Tạo tiêu đề cho hàng
Trong rất nhiều trường hợp, một bảng chỉ chứa các tiêu đề cho các cột là chưa đủ bởi vì sẽ có lúc chúng ta còn muốn tạo tiêu đề cho các hàng trong bảng nữa. Để làm điều này thì cũng khá là dễ dàng bởi vì JScrollPane không chỉ có viewport cho tiêu đề của cột mà còn cả cho tiêu đề của hàng nữa. Không giống như viewport cho tiêu đề của cột, theo mặc định, viewport cho tiêu đề của hàng là trống. Tuy nhiên, như đã nói ở trên, việc tạo ra một tiêu đề cho hàng và hiển thị nó là khá dễ dàng.

Dưới đây chúng ta tạo một lớp RowNumberHeader trong file RowNumberHeader.java để làm một tiêu đề cho hàng trong bảng ở ví dụ của chúng ta. Bản chất của tiêu đề dưới đây chính là một JTable, và model cho JTable này chính là lớp RowNumberHeaderModel. Số cột của bảng này là 1, số hàng bằng với số hàng của bảng mà ta đang muốn thêm tiêu đề cho hàng. Giá trị trong từng ô của bảng bằng với giá trị của chỉ số hàng tương ứng cộng thêm một đơn vị.


public class RowNumberHeader extends JTable{
protected JTable mainTable;

public RowNumberHeader (JTable table){
super();
mainTable = table;
setModel(new RowNumberTableModel());
setPreferredScrollableViewportSize(getMinimumSize());
setRowSelectionAllowed(false);
JComponent renderer = (JComponent)getDefaultRenderer(Object.class);
LookAndFeel.installColorsAndFont(renderer, “TableHeader.background”, “TableHeader.foreground”, “TableHeader.font”);
LookAndFeel.installBorder(this, “TableHeader.cellBorder”);
}

@Override
public int getRowHeight(int row){
return mainTable.getRowHeight();
}

class RowNumberTableModel extends AbstractTableModel{

public int getRowCount() {
return mainTable.getModel().getRowCount();
}

public int getColumnCount() {
return 1;
}

public Object getValueAt(int rowIndex, int columnIndex) {
return new Integer(rowIndex+1);
}
}
}

 

Giờ chúng ta thay đổi lớp SimpleTableTest như sau:

  1. public class SimpleTableTest extends JFrame{
  2.     protected JTable table;
  3.     public SimpleTableTest(){
  4.         […]
  5.         JScrollPane jsp = new JScrollPane(table);
  6.         JViewport jvp = new JViewport();
  7.         jvp.setView(new RowNumberHeader(table));
  8.         jsp.setRowHeader(jvp);
  9.         pane.add(jsp, BorderLayout.CENTER);
  10.         addHeaderListener();
  11.         […]
  12.     }
  13.     public void addHeaderListener(){
  14.         […]
  15.     }
  16.     public static void main(String [ args){
  17.         […]
  18.     }
  19. }

Bây giờ chạy chương trình, ta sẽ tiêu đề của hàng hiện lên là số thứ tự của các hàng như hình dưới đây:

Tạo cột đóng băng
Ngoài việc hiển thị tiêu đề cho hàng, sẽ có lúc chúng ta còn muốn “đóng băng” một hay nhiều cột trong một bảng lại sao cho chúng vẫn ở nguyên vị trí kể cả khi chúng ta cuộn thanh cuộn ngang trong bảng. Trong ví dụ của chúng ta, chúng ta có thể đóng băng cột đầu tiên (cột First Name) sao cho nó luôn luôn có thể nhìn thấy khi mà chúng ta cuộn thanh trượt ngang của bảng. Các bước để làm cột đóng băng sẽ như sau:

  1. Tạo một JTable và chúng ta gọi nó là bảng chính. Dùng một JScrollPane để bọc JTable này lại. Bảng chính này có nhiệm vụ hiển thị những dữ liệu không bị đóng băng.
  2. Tạo một JTable thứ hai, chúng ta gọi nó là bảng tiêu đề và cũng thêm nó vào JScollPane. Bảng này sẽ sử dụng TableModel giống của bảng chính nhưng sẽ để hiển thị các cột bị đóng băng
  3. Tạo một TableColumnModel để sau này sẽ gán nó vào bảng tiêu đề
  4. Xóa các đối tượng của TableColum tương ứng với các cột bị đóng băng trong TableColumModel của bảng chính, và sau đó thêm chúng vào TableColumModel của bảng tiêu đề mà chúng ta đã tạo ở bước 3
  5. Gán TableColumModel chúng ta tạo ở bước 3 vào bảng tiêu đề sử dụng phương thức setColumnModel
  6. JScrollPane chứa bảng tiêu đề bây giờ cũng chứa một JTableHeader của bảng tiêu đề đó ở trong column header viewport của nó. Lấy một tham chiếu đến JTableHeader này, và chuyển nó đến góc trên bên trái của JScrollPane cái có chứa bảng chính. Chúng ta có thể làm điều này sử dụng phương thức setCorner của JScrollPane có chứa bảng chính.
  7. Đặt độ rộng ưa thích cho viewport của bảng tiêu đề sao cho nó chỉ đủ rộng để hiển thị các cột bị đóng băng. Độ rộng mặc định của nó là 450, và độ rộng này luôn lớn hơn độ rộng cần thiết.

Tóm lại, để đóng băng các cột trong một bảng, chúng ta chia bảng ra thành hai bảng con. Một bảng chính để hiển thị các cột không đóng băng. Bảng tiêu đề còn lại để hiển thị các cột đóng băng và đóng vai trò như một tiêu đề cho hàng trong cửa sổ cuộn có chứa bảng chính. Tiêu đề cột của bảng tiêu đề này được chuyển đến góc trên bên trái của cửa sổ cuộn có chứa bảng chính. Chúng ta tạo một lớp là FrozenColumnHeader trong fileFrozenColumnHeader.java như sau:

  1. public class FrozenColumnHeader extends JScrollPane{
  2.     protected JTable mainTable;
  3.     protected JTable headerTable;
  4.     protected int columnCount;
  5.     public FrozenColumnHeader(JTable table, int columns){
  6.         super();
  7.         mainTable = table;
  8.         headerTable = new JTable(mainTable.getModel());
  9.         getViewport().setView(headerTable);
  10.         columnCount = columns;
  11.     }
  12.     @Override
  13.     public void addNotify(){
  14.         TableColumn column;
  15.         super.addNotify();
  16.         TableColumnModel mainModel = mainTable.getColumnModel();
  17.         TableColumnModel headerModel = new DefaultTableColumnModel();
  18.         int frozenWidth = 0;
  19.         for(int i = 0; i<columnCount; i++){
  20.             column = mainModel.getColumn(0);
  21.             mainModel.removeColumn(column);
  22.             headerModel.addColumn(column);
  23.             frozenWidth += column.getPreferredWidth() + headerModel.getColumnMargin();
  24.         }
  25.         headerTable.setColumnModel(headerModel);
  26.         Component columnHeader = getColumnHeader().getView();
  27.         getColumnHeader().setView(null);
  28.         JScrollPane mainScrollPane = (JScrollPane)SwingUtilities.getAncestorOfClass(JScrollPane.class, mainTable);
  29.         mainScrollPane.setCorner(JScrollPane.UPPER_LEFT_CORNER, columnHeader);
  30.         headerTable.setPreferredScrollableViewportSize(new Dimension(frozenWidth, 0));
  31.     }
  32. }

Chúng ta có thể sử dụng lớp vừa tạo ở trên bằng cách tạo một đối tượng của nó và truyền vào contructor của nó một tham chiếu đến cái JTable là bảng chính của chúng ta, đồng thời một tham số là số lượng cột sẽ bị đóng băng (tính từ cột đầu tiên trong bảng chính). Trong ví dụ, ta có thể sửa lớp SimpleTableTest thành như sau:

  1. public class SimpleTableTest extends JFrame{
  2.     protected JTable table;
  3.     public SimpleTableTest(){
  4.         […]
  5.         JScrollPane jsp = new JScrollPane(table);
  6.         JViewport jvp = new JViewport();
  7.         jvp.setView(new FrozenColumnHeader(table, 1));
  8.         table.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);
  9.         jsp.setRowHeader(jvp);
  10.         pane.add(jsp, BorderLayout.CENTER);
  11.         addHeaderListener();
  12.         […]
  13.     }
  14.     public void addHeaderListener(){
  15.         […]
  16.     }
  17.     public static void main(String [ args){
  18.         […]
  19.     }
  20. }

Bây giờ chạy chương trình chúng ta sẽ thấy rằng khi chúng ta cuộn thanh trượt ngang thì cột First Name bị đóng băng sẽ vẫn giữ nguyên vị trí của nó như hình dưới đây:

Mặc dù ví dụ trên chỉ minh họa làm thế nào để đóng băng một cột, nhưng chúng ta hoàn toàn có thể sử dụng kĩ thuật trên để đóng băng nhiều cột. Với các tiếp cận đó, chúng ta cũng có thể đóng băng các dòng dữ liệu trong một bảng bằng cách tạo ra một bảng có chứa các dòng cần đóng băng rồi thêm nó vào column header viewport của JScrollPane.

Trong phần 8, chúng ta sẽ tìm hiểu cách để sắp xếp các dòng trong một bảng theo giá trị tăng dần hoặc giảm dần của các giá trị trong một cột nào đó của bảng.

One Response to “JTable_Swing part 7”

  1. Swing in Java « Thái Hoàng Hải Says:

    […] 1 Part 2 Part 3 Part 4 Part 5 Part 6 Part 7 Part 8 Part 9 Share this:TwitterFacebookLike this:LikeBe the first to like this post. […]


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: