sencha GXT css classes



我在gxt中对网格进行样式设置时遇到了问题,问题是网格中的元素(我不知道具体是怎么做到的)被命名为".GKA1XC4LIC"的css类,而这个类覆盖了我自己的css类(在我自己的css文件中)提供的设置。然而,我可以随类更改一些属性(如字体大小)(我的意思是,我的css文件正在加载中)。

我猜是这样的。GKA1XC4LIC类是在我不知道的地方生成的。为什么要这样做?我这样做完全错了吗?

我这样设置类名:

codeColumnConfig.setColumnTextClassName("smk-grid-text");

感谢

我假设您使用的是GXT3。你说有些属性是通过更改css来设置的。这是因为GXT3没有设置它们,所以它们可以工作。

要正确使用GXT3外观,最好参阅迁移指南中的"设计GXT3应用程序的样式"一节。它大约在页面的中间。

它解释了修改GXT3使用的外观模式的两种方法。

  1. 通过配置(在GWT模块XML文件中)
  2. 通过构造函数参数

Sencha文档中对外观有另一种解释

也就是说,这取决于你需要改变多少。

为了快速做到这一点,我有时会使用一个单元格来呈现我需要的内容:

例如,以一种特定的方式渲染网格中的单元格,我会进行

        ColumnConfig<Users, String> userCol = new ColumnConfig<SelectUserDialog.Users, String>(selectUserProperties.userName(), 240);
        AbstractCell<String> c2 = new AbstractCell<String>() {
            @Override public void render(com.google.gwt.cell.client.Cell.Context context, String value, SafeHtmlBuilder sb) {
                value = "<div  style="font-size:2.5EM; line-height : 30px; height=40px" >" + value + "</div>";
                sb.appendHtmlConstant(value);
            }
        };
        userCol.setCell(c2);

如果您还没有使用ColumnConfig,您可能需要查看ValueProvider和ProparyAccess

最新更新