css - 如何将 css 属性添加到 CellTable 的 ImageResourceCell 中的图像

Question

我在 GWT 中创建了一个带有图像列的 CellTable。图像通过`ImageResource 添加。

private Column<DocList, ImageResource> statusColumn;
private final Resources resources = GWT.create(Resources.class);
final String STATUS_COLUMN = "Status";
statusColumn = buildStatusColumn();

private Column<DocList, ImageResource> buildStatusColumn() {
    statusColumn = new Column<DocList, ImageResource>(
            new ImageResourceCell()) {
        @Override
        public ImageResource getValue(DocList object) {
            return resources.draft();
        }
    };
    statusColumn.setDataStoreName(STATUS_COLUMN);
    return statusColumn;
}

public interface Resources extends ClientBundle {
    @Source("draft.png")
    ImageResource draft();
}

但问题是我想更改图像的一些 css 属性，例如，单击事件的大小或 cursor="pointer"，但我不知道如何更改。在 Firebug 中有一个默认大小。如何在 GWT 中通过 ImageResource 为图像添加 css？

Answer 1

Column 有一个名为 getCellStyleName() 的方法.

您可以覆盖此方法并返回反射(reflect)您使用的图像的样式

@Override
public String getCellStyleName()
{
    return resources.draft().getName();
}

然后您可以像这样在工作表中创建样式:

.draft img {
    cursor: pointer;
    width: ...;
    height: ...;
}