2013-11-28 33 views
0

我對GWT相當陌生,我一直在尋找和嘗試所有答案,但仍然找不到答案。爲GWT/HTML類添加/造型div

我的問題: 我們目前正在研究GWT中的函數調度系統,我正在設計前端。我們目前爲網頁上的4個不同「視圖」設置了4個類(+主類)。時間表,導航器,書籤部分和搜索。 我的問題:有沒有辦法讓每個這些類(或小部件)都嵌入我在html/css中創建的div類的位置。

當前的HTML/CSS的GWT產生的多數民衆贊成是:

<!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代碼你做了?

例如: 在日曆部分上添加導航欄。

+0

這個問題如何涉及Java編程?爲什麼你的問題的Java標籤?你的意思是JavaScript嗎?如果是這樣,您需要更改標籤以吸引正確的專家來解決問題。 –

+0

GWT使用java。我認爲我將不得不在java代碼中添加/編輯/刪除某些東西。 – omariginal

回答

0

是啊,你的意見可以非常繼承div屬性...給你的屬性一個ID即那些將繼承主頁的位置的屬性。

+0

我試過了,但小部件不會移動。但是如果我在HTML中輸入了某些東西,它就會具有這些屬性。 – omariginal

0

我正在開發與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基本上是格)佈局。不要添加HTML對象,而是添加擴展Widget的四個對象。

在GWT中,每個Java對象都具有HTML或Javascript中的等效項,並且此轉換在編譯期間完成。