为具有 GWT/HTML 的类添加/样式化 div答案

【问题标题】：Add/Styling div for classes with GWT/HTML为具有 GWT/HTML 的类添加/样式化 div
【发布时间】：2013-11-29 06:29:26
【问题描述】：

我对 GWT 还很陌生，我一直在寻找并尝试一切以寻求答案，但我仍然找不到答案。

我的问题：我们目前正在研究 GWT 中的功能调度系统，我正在尝试设计前端。我们目前为网页上的 4 个不同“视图”提供 4 个类（+一个主类）。日程安排、导航器、书签部分和搜索。我的问题：有没有办法让这些类（或小部件）中的每一个继承我在 html/css 中创建的 div 类的位置。

当前从 GWT 生成的 html/css 是：

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link type="text/css" rel="stylesheet" href="Main.css">
    <script type="text/javascript" language="javascript" src="main/main.nocache.js"></script>
  </head>

  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
  </body>
</html>

有没有一种方法可以让 GWT 为每个类生成一个 div，您可以将其嵌套到您制作的不同 css/html 代码中？

例如：在日历部分添加导航栏。

【问题讨论】：

这个问题如何涉及到 Java 编程？为什么要为您的问题使用 Java 标记？你的意思可能是 JavaScript 吗？如果是这样，您需要更改标签以吸引正确的专家来回答问题。
GWT 使用 java。我以为我必须在 java 代码中添加/编辑/删除一些东西。

标签： java jquery html css gwt

【解决方案1】：

是的，您的视图可以非常多地继承 div 属性...给您的属性一个 ID，即那些将继承主页位置的属性。

【讨论】：

我试过这个，但小部件不会移动。但如果我在 HTML 中输入一些内容，它就会具有这些属性。

【解决方案2】：

我正在使用 GWT 框架进行开发，我认为您不能混淆。 GWT 使您能够在 Java 中创建所有视图（甚至是 css 样式，即使在 css 样式表中定义它（并且可能）更简洁）。你应该看看这个页面：GWT Project - Layouts

简而言之，您的四个类应该扩展名为 Widget 的类。完成此操作后，您可以（例如）创建一个 DockLayoutPanel，它将作为您的主容器。请看下面的一个简单示例（来自here）：

public class DockLayoutPanelExample implements EntryPoint {

 public void onModuleLoad() {
        // Attach five widgets to a DockLayoutPanel, one in each direction. Lay
        // them out in 'em' units.
        DockLayoutPanel p = new DockLayoutPanel(Unit.EM);
        p.addNorth(new HTML("north"), 2);
        p.addSouth(new HTML("south"), 2);
        p.addEast(new HTML("east"), 2);
        p.addWest(new HTML("west"), 2);
        p.add(new HTML("center"));

        // Attach the LayoutPanel to the RootLayoutPanel. The latter will listen for
        // resize events on the window to ensure that its children are informed of
        // possible size changes.
        RootLayoutPanel rp = RootLayoutPanel.get();
        rp.add(p);
      }
    }

在这里，他们将 HTML 对象（在 html 中等同于基本上是 div）添加到布局中。添加扩展 Widget 的四个对象，而不是添加 HTML 对象。

在 GWT 中，每个 Java 对象在 HTML 或 Javascript 中都有一个等价物，并且这种转换是在编译期间完成的。

【讨论】：