1

我想将 ganttchart GWT 小部件与https://code.google.com/p/gwtgantt/上提供的 vaadin7 应用程序集成

我浏览了一些链接，这些链接探讨了如何将 GWT 小部件与 vaadin7 集成，但我认为我不明白。

另外，我是否需要在 vaadin 中编写连接器和其他东西来集成 GWT 小部件？如果是，那么我不太确定我会写什么。

有没有人尝试过与 vaadin7 相同的 GWT 小部件？

任何指针或示例代码将不胜感激。

问候，
阿兹哈尔

4

2 回答 2

1

当您能够使用 Vaadin 7 时，这篇 wiki 文章应该可以帮助您入门： https ://vaadin.com/wiki/-/wiki/Main/Integrating%20an%20existing%20GWT%20widget

我相信它可以完全满足您的要求。

于 2013-06-10T12:30:37.047 回答
0

基本上，您需要为 GWT 小部件编写服务器端代码，并使用通信能力扩展 GWT 小部件。这是一个很好的项目让您开始使用https://github.com/360-Innovations/VaadinSmartGWT

一个小例子（对于 Vaadin 6）：

1 使用安装了 Vaadin 插件的 eclipse 创建一个 Vaadin 项目，然后在该项目上创建 Vaadin 小部件，Vaadin 插件将生成所有细节。

2 编写代码
为GanttChart的客户端类包装器它实现Paintable接口与服务器端通信 

    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 Add-on Package，这也是 Vaadin 插件提供的。

4 将导出的 jar 添加到您的项目 /WEB-INF/lib，编辑您的 XXXWidgetset.gwt.xml 文件，添加您的附加组件的小部件集，如下所示： 

<inherits name="package path to your add-on's widgetset def file"/>
如果您的 widgetset def 文件是myWidgetset.gwt.xml，那么属性名称的值应该是"package path to widgetset"/myWidgetset

5 编译你的Widgetset，这也是Vaadin eclipse插件提供的，编译后，生成了一组新的javascript，css，图像资源，现在你可以通过服务器端类使用你的插件了。

于 2013-06-10T07:06:30.153 回答