查看GWT HTML源代码？

Question

有没有一种方法可以查看GWT生成的HTML源代码？目前我只是给我的FlexTable DIV id，而那个DIV就是我在ViewSource中能看到的所有HTML。

是否有一种方法可以在HTML中结构化我的表格（例如使用div和列表），然后创建类似于FlexTable的东西？

- Andriy Drozdyuk

---

这几乎肯定不是最好的地方，但你会推荐使用 GWT 吗？并且你是否使用自己的样式进行了定制？ - James B

嘿，我的朋友！我刚开始深入研究它。我是一名Django/Python/原型开发者，但JavaScript真的让我感到困扰。现在只是在玩弄GWT。请看我在这里与常规主机比较GWT的其他答案：https://dev59.com/kHRB5IYBdhLWcg3wF0DH#1732851 - Andriy Drozdyuk

Answer 1

回答最初的问题，你可以通过在 Firefox 中安装 Firebug 并使用“检查元素”来查看 GWT 渲染的 HTML。另外，Safari/Chrome 中的 Web Inspector 以及 IE8 和 Opera 中的开发者工具也可以实现这一功能。

- AlexJReid

---

谢谢，检查元素正是我在寻找的！ - Andriy Drozdyuk

Answer 2

好的，看来答案在文档中。 特别是组织项目概述了我们如何将不同的小部件绑定到页面上的不同ID。 因此，我可以有效地做到这样：

# html
<div id="id_table"></div>
<div id="id_next_button"></div>

# java
t = new FlexTable()
RootPanel.get("id_table").add(t);
nextbtn = new Button("next");
RootPanel.get("id_next_button").add(nextbtn);

哇嚯！

- Andriy Drozdyuk

---

也可以看看 UIBinder（http://code.google.com/p/google-web-toolkit/wiki/UiBinder）- 它更加神奇 ;) - Igor Klimer

Answer 3

关于您问题的第二部分。在GWT中创建HTML组件是可能的。推荐的方法是扩展ComplexPanel并使用Document.get().createXXXElement()创建元素。但是这有点繁琐。

请查看this discussion，我相信Internet上还有其他有关此内容的文章。您还可以学习其他扩展ComplexPanel的组件的代码。

- ciczan