在GWT中使用html + js库

时间:2016-11-27 09:43:42

标签: javascript html gwt

我想要包含一个使用js-libraries的HTML页面。我试图运行的示例是json-editor project中包含的demo.html。

所以这是我的html面板:

HTML myHtmlPanel = new HTML();
myHtmlPanel.setHTML(MyHtmlResource.INSTANCE.getIntroHtml().getText());

这是我的html资源:

import com.google.gwt.core.client.GWT;
import com.google.gwt.resources.client.ClientBundle;
import com.google.gwt.resources.client.TextResource;

public interface MyHtmlResource extends ClientBundle {
  public static final AnzeigeEinstellungTabWartungsplanEditorResource INSTANCE 
                      = GWT.create(AnzeigeEinstellungTabWartungsplanEditorResource.class);

   @Source("demo.html")
   public TextResource getIntroHtml(); 
}

结果: 包含并显示html,但它不使用js库文件。

包含此html页面的最简单方法是什么,包括js脚本?

2 个答案:

答案 0 :(得分:0)

您需要直接将HTML代码包含在GWT主页中,而不是通过文本资源进行渲染。

JS代码也可以直接包含在主页中,也可以使用GWT提供的ScriptInjector

出于安全原因,我认为HTML小部件将忽略包含的JS代码。

您可以通过打开"查看来源"来验证这一点。浏览器的菜单项。

答案 1 :(得分:0)

尝试使用com.google.gwt.user.client.ui.Frame类

Frame page = new Frame(path_to_html);

这会在您的网页中添加iframe。