2009-11-27 113 views
4

有沒有辦法查看GWT生成的HTML源代碼?目前我只是給我的flex表格DIV ID和DIV是我可以在ViewSource中看到的所有HTML。查看GWT HTML源代碼?

有沒有辦法在HTML中構建我的表格(比如說使用div和列表),然後創建一個像FlexTable那樣的東西?

+0

這幾乎肯定不是最好的地方,但你會推薦GWT嗎? &你有你自己的風格等定製? – 2009-11-27 16:01:33

+0

赫我的朋友!我只是開始挖掘它。我是一個Django/python/prototype開發人員,但Javascript真的讓我很開心。現在只是擺弄GWT。看看我的其他答案在這裏比較GWT與定期託管:http://stackoverflow.com/questions/722463/is-google-app-engine-better-than-webfaction-for-a-beginner-in-django-dev/1732851 #1732851 – drozzy 2009-11-27 23:52:45

回答

5

要回答原始問題,您可以查看HTML GWT通過Firefox中的「檢查元素」呈現,並安裝了Firebug。另外Safari/Chrome中的Web Inspector也可以做到這一點,IE8和Opera中的開發人員工具也是如此。

+0

謝謝,Inspect元素是我一直在尋找! – drozzy 2009-11-27 18:16:38

0

好吧,它似乎答案是在文檔中。 特別是Organizing Projects概述了我們如何將不同的小部件綁定到頁面上的不同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); 

Wohoo!

+0

也看看UIBinder(http://code.google.com/p/google-web-toolkit/wiki/UiBinder) - 它更令人驚歎;) – 2009-11-29 02:33:33

0

關於你的排隊的第二部分。可以在GWT中創建一個HTML組件。推薦的方法是擴展ComplexPanel並使用Document.get()。createXXXElement()創建元素。但這是一點勞動。

退房this dicussion我相信在互聯網上有關於此的其他文章。你也可以研究擴展ComplexPanel的其他組件的代碼。