Посмотреть исходный HTML-код GWT?

Question

Есть ли способ просмотреть исходный код HTML, который создает GWT? В настоящее время я просто даю своей гибкой таблице идентификатор DIV, и этот DIV - это весь HTML, который я вижу во ViewSource.

Есть ли способ структурировать мою таблицу в HTML (скажем, с помощью div и списков) и создать вокруг нее что-то вроде FlexTable?

Answer 1

Чтобы ответить на исходный вопрос, вы можете просмотреть HTML, который GWT отредактировал через «Inspect Element» в Firefox с установленным Firebug. В качестве альтернативы веб-инспектор в Safari / Chrome сделает то же самое, что и инструменты разработчика в IE8 и Opera.

Answer 2

Что касается второй части вашей очереди. В GWT можно создать HTML-компонент. Рекомендуемый способ сделать это - расширить ComplexPanel и создать элементы, используя Document.get (). CreateXXXElement () . Но это немного лейборист.

Проверьте это обсуждение , и я уверен, что есть другие статьи об этом в Интернете. Вы также можете изучить код других компонентов расширения ComplexPanel.

Answer 3

Ну, похоже, ответ есть в документации. В частности Организация проектов описывает, как мы можем связать разные виджеты с разными идентификаторами на странице. Так что я могу эффективно сделать что-то вроде:

# 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);

Wohoo!