GWT: làm thế nào để thay đổi màu sắc liên tiếp trong GWT Celltable

Question

tôi có một celltable trong GWT, tôi có thể thay đổi màu sắc của một cột cụ thể bằng cách này

  celltable.addColumnStyleName(4, "bluetext"); 

nhưng làm thế nào tôi có thể thay đổi ví dụ màu sắc của hàng số 3

Cảm ơn

Answer 1

Bạn phải cung cấp đối tượng RowStyles trả về tên lớp css cho mỗi hàng. Vì vậy, để thiết lập một màu cụ thể cho một hàng, bạn phải xác định một lớp css với màu đó, và sau đó gây ra đối tượng RowStyles của bạn để trả về lớp đó cho các hàng có liên quan.

Tôi nghĩ rằng bạn đặt cài đặt này với cellTable.setRowStyles hoặc nội dung tương tự.

cellTable.setRowStyles(new RowStyles<T>() { 
    @Override 
    public String getStyleNames(T rowObject, int rowIndex) { 
     if (rowIndex == 3) { 
      return "bluetext"; 
     } else { 
      return "normaltext"; 
     } 
    }); 

Answer 2

Nếu bạn cần cập nhật màu hàng dựa trên một giá trị thay đổi theo một trong các tế bào, bạn có thể thêm đoạn mã sau vào fieldUpdater của tế bào này:

@Override 
public void update(int index, Object object, String value) { 
    if (someConditionIsMet) { 
     myTable.getRowElement(index).addClassName("redBackground"); 
    } 
} 

Trong file CSS của bạn add phong cách này:

.redBackground { 
    background-color: red !important; 
} 

Answer 3

Để trả lời bình luận cuối cùng rằng phong cách là trong các yếu tố liên tiếp nhưng không được hiển thị: Sử dụng setRowStyles (RowStyles mới() ... Cách duy nhất tôi có phong cách xuất hiện là sử dụng vũ lực. Tôi phải xóa hàng khỏi cửa hàng Danh sách của tôi, thêm nó trở lại cùng một chỉ mục và sau đó làm mới RowModel. Đối với những gì nó có giá trị.