CSS,GWT和阅读组成的类名

时间:2014-09-15 11:45:15

标签: css gwt

在GWT项目中我有一个带

的CSS
.my_datagrid tr {
    height: 26px; 
} 

并在我的客户端代码中

grid.getElement()setClassName(" my_datagrid&#34)。

修改数据网格行的最小高度(我知道不是最终),我需要出于某种原因设置此属性(TR高度值)代码方式或者至少读取它...但是tr部分让我理解,

我尝试过      grid.getElement()。getPropertyString(" tr height") 要么 同     dataGrid.getElement()。getStyle()。getProperty(" tr height")

但是没有工作......我知道我正在处理数据网格元素而不是行,但我需要知道(或设置)任何行之前的最小高度。< / p>

那么..任何人都知道如何从css读取该值或从css中删除它并在我的数据网格上直接设置代码方式?

2 个答案:

答案 0 :(得分:0)

要在所有行上设置行高,请执行以下操作:

myDataGrid.addStyleName("my_datagrid");

除了使用CSS类之外,无法将所有行的高度设置为特定数字,但您可以设置单行的高度:

myDataGrid.getRowElement(index).getStyle().setHeight(26, Unit.PX);

如果你需要一排高度,你可以这样做:

int h = myDataGrid.getRowElement(index).getOffsetHeight();

请注意,行的实际高度可能与&#34;样式&#34;不同。设置,因为文本可以换行以包含多行(除非你阻止它)。

答案 1 :(得分:0)

如果你需要调整CSS本身,那么你必须使用CSSOM来操作样式表(独立于通过匹配应用的位置)。

GWT不提供CSSOM API,因此您必须使用JSNI。另外,请注意跨浏览器支持。

使用DataGrid窗口小部件,您最好使用自定义CellTableBuilder,您可以在每个生成的行和/或单元格上注入内联style=""属性。