Google Web Toolkit 教程问题

Posted 2023-04-13

【中文标题】Google Web Toolkit 教程问题

【英文标题】：Google Web Toolkit Tutorial Question

【发布时间】：2011-01-03 08:03:01

【问题描述】：

我搜索了高位和低位，并且在参考本教程第 7 步生成的任何 javascript 中都找不到按钮标记。我一定是找错地方了，或者我生成的代码不正确。我生成了三个不同细节级别的代码。谁能指出我已经完成教程或对 GWT 有更多经验的正确方向？查看了war目录中的每个文件。当然，我可能错过了一个！ :-/ 当我开始开发时，我肯定希望能够自己找到这些东西。

这是链接：

http://code.google.com/webtoolkit/doc/latest/tutorial/style.html

查看3。将样式规则与 GWT 生成的 HTML 元素相关联。我特别想找到的是标签。

<button class="gwt-Button" tabindex="0" type="button">Add</button>

当然，您不必学习教程，您从事的任何项目都应该有类似的标签，我只是找不到包含它们的文件...

我确实在其中一个“唯一”文件名的第 3078 行找到了一些包含 gwt-Button 类名的东西，但作者所说的方式让我认为这个过程会“更容易”。这是使用漂亮编译生成的。

function $Button(this$static, html)
  $ButtonBase(this$static, ($clinit_21() , $doc).createElement("<BUTTON type='button'><\/BUTTON>"));
  this$static.element['className'] = 'gwt-Button';
  this$static.element.innerHTML = html || '';
  return this$static;

这看起来可以用来生成标签。这是一些 javaScript 和一些 javaScript 库代码（如 JQuery 或 Prototype）的组合吗？

谢谢

【参考方案1】：

我知道查看 GWT 生成的 javascript 的最佳方法是使用 Brain.jar DOM 查看器http://www.brainjar.com/dhtml/domviewer/

虽然不是最人性化的，但是随便点一下，一般都能找到对应整个网页的某个元素的InnerHTML，然后搜索“按钮”或者相关关键字。

【讨论】：

非常感谢。虽然我可能不会使用 Brain.jar，但我只是简单地把自己想象成试图在 eclipse 中找到它。看着 Brain.jar，我意识到最简单的方法是使用 Safari 的元素检查器或 Firebug 元素检查器。