CellList GWT CSS样式

我在我的入口点创建了一个CellList。（将选中的单元格的颜色从蓝色更改为深黑色）CellList GWT CSS样式

据我所知，我只需要重写cellList的样式，选择所选的样式并更改背景颜色（然后保存在module.css中）

所以这就是我所用的。

@sprite .cellListSelectedItem { 
/*gwt-image: 'cellListSelectedBackground';*/ 
/*BEFORE : background-color: #628cd5;*/ 
background-color: #2D2D2D; 
color: white; 
height: auto; 
overflow: visible; 
}

但每次我选择一个单元格时，它仍然显示旧颜色（＃628cd5）。我做错了什么？

噢，是的，我清理了项目并重新启动了服务器 - 并清除了浏览器缓存。

来源

2011-07-09 Rudy

你需要告诉GWT使用新的风格 - 简单地将它们添加到您的模块CSS文件不会是不够的：

table = new CellTable<FooType>(12, 
    CellTableResources.INSTANCE, keyProvider);

CellTableResources.INSTANCE应该是一个资源包实例扩展CellTable资源包。喜欢的东西：

import com.google.gwt.core.client.GWT; 
import com.google.gwt.resources.client.ImageResource; 
import com.google.gwt.resources.client.ImageResource.ImageOptions; 
import com.google.gwt.resources.client.ImageResource.RepeatStyle; 
import com.google.gwt.user.cellview.client.CellTable; 
import com.google.gwt.user.cellview.client.CellTable.Style; 

public interface CellTableResources extends CellTable.Resources { 

    public static CellTableResources INSTANCE = GWT.create(CellTableResources.class); 

    @Source("footer_bg.png") 
    @ImageOptions(repeatStyle = RepeatStyle.Both, flipRtl = true) 
    ImageResource cellTableFooterBackground(); 

    @Source("header.png") 
    @ImageOptions(repeatStyle = RepeatStyle.Horizontal, flipRtl = true) 
    ImageResource cellTableHeaderBackground(); 

    @Source("table_head_bg_left.png") 
    @ImageOptions(repeatStyle = RepeatStyle.None, flipRtl = true) 
    ImageResource cellTableHeaderFirstColumnBackground(); 

    @Source("table_head_bg_right.png") 
    @ImageOptions(repeatStyle = RepeatStyle.None, flipRtl = true) 
    ImageResource cellTableHeaderLastColumnBackground(); 

    @Source(CellTableStyle.DEFAULT_CSS) 
    Style cellTableStyle(); 
}

然后当然同样的事情为CellTableStyle：

import com.google.gwt.user.cellview.client.CellTable; 

public interface CellTableStyle extends CellTable.Style { 

    String DEFAULT_CSS = "path/to/your/new/CellTable.css"; 

    String cellTableCell(); 

    // .... 

}

来源

2011-07-10 21:06:14 minichate

CellList GWT CSS样式

回答

相关问题