2013-06-05 40 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,图像资源集,现在您可以使用附加组件服务器端类。