2013-06-05 57 views
1

集成GWT部件我想甘特圖GWT部件集成與https://code.google.com/p/gwtgantt/與vaadin 7

我通過探索關於與vaadin7整合GWT widget的若干環節就可以vaadin7應用程序,但我不認爲我的理解。

另外,我是否需要在vaadin中編寫連接器和其他東西來集成GWT小部件?如果是的話,我不太確定我會在那裏寫什麼。

有沒有人嘗試過與vaadin7相同的GWT小部件?

任何指針或示例代碼將非常感激。

問候,
愛資哈爾

回答

0

基本上,你需要編寫GWT小部件服務器端代碼,並與通信能力擴展了GWT部件。這裏的好項目,爲您獲得開始https://github.com/360-Innovations/VaadinSmartGWT

一個小例子(用於Vaadin 6):

1使用eclipse與Vaadin插件安裝到創建Vaadin項目,然後創建Vaadin插件unpon該項目不同,Vaadin插件將生成所有的堅果和螺栓。

2寫入的代碼
客戶端類包裝爲甘特圖它實現塗色接口來與服務器側

 
    public class VGanttChart extends GanttChart implements Paintable {

 public void paint(PaintTarget target) throws PaintException { 

    } 

    public void requestRepaint() { 

    } 

    ... ... 

} 

對於每個使用的方法進行通信,請看源評論在Paintable.class
服務器側對應類別:

@ClientWidget(value = VGanttChart.class, loadStyle = LoadStyle.EAGER) 
public class GanttChart extends AbstractComponent { 

    public void paintContent(PaintTarget target) throws PaintException { 

    } 


    public void changeVariables(Object source, Map<String, Object> variables) { 


    } 

    ... ... 
} 

3作爲Vaadin插件包導出,這也是由Vaadin插件提供的。

4導出的jar添加到您的項目/ WEB-INF/lib下,通過添加附加的視窗元件類似這樣的編輯XXXWidgetset.gwt.xml文件:

 
<inherits name="package path to your add-on's widgetset def file"/> 
如果你的視窗元件DEF文件是 myWidgetset.gwt.xml,那麼屬性名稱的值應該是 "package path to widgetset"/myWidgetset

5編譯您的Widgetset,這也是由Vaadin eclipse插件提供的,編譯後,生成了新的javascript,css,圖像資源集,現在您可以使用附加組件服務器端類。