如何自定义标准GWT组件的外观？

Question

我使用GWT的标准Tree组件创建了GWT Web应用程序。默认情况下： 树 实现为包含嵌套TreeItems的DIV。样式名称gwt-Tree适用于DIV，样式溢出默认为auto。 ＆lt; div class =“gwt-Tree”style =“overflow：auto;”＆gt;

＆lt; div style =“position：relative; margin-left：16;” （手柄）GT;
    ＆LT;表＆gt;
      ＆LT; TR＆GT;
        ＆LT; TD＆GT;＆LT; / TD＆GT;
        ＆LT; TD＆GT;＆LT; / TD＆GT;
      ＆LT; / TR＆GT;
    ＆LT; /表＆gt;
  ＆LT; / DIV＆GT;

GWT源代码中我可以在自己的设计中更改树渲染的位置在哪里？

Answer 1

您应该使用CSS来设置GWT组件的样式。

以下是使用UIBinder template的简单示例：

<ui:style>
  .myTree {
    background-color: red;
  }
</ui:style>
<g:HTMLPanel>
  <g:Tree styleName="{style.myTree}" />
</g:HTMLPanel>

另见developer's guide。