将图表添加到<div id =“whatever”> </div>

时间:2013-03-21 00:48:25

标签: gwt extjs

在RPC之后我想通过DOM获取特定的非gwt生成的div来放置图表。

  final VerticalPanel contentHome = new VerticalPanel();

  // ...

  public void onSuccess(String result) {

    if(result == null) {
      contentHome.add(new HTML("Could not load content from server."));
      return;
    }

    contentHome.getElement().setId("inner");
    contentHome.add(new HTML(result));

    Element el = DOM.getElementById("whatever");

    LineChart lc = new LineChart();

    el.appendChild(lc.asWidget().getElement());  // <-- this DOESN'T work
    contentHome.add(lc.asWidget());              // <-- this works
  }
});

不知何故

lc.asWidget().getElement() 

仅返回

< div >< /div >

如果我将小部件添加到contentHome它可以工作。显示图表。

如果有人能帮助我,我会很高兴

修改

也试过这个:

    contentHome.getElement().setId("inner");
    contentHome.add(new HTML(result));

    Element el = DOM.getElementById("whatever");
    LineChart lc = new LineChart();

    HTML html = HTML.wrap(lc.asWidget().getElement());

    el.appendChild(html.getElement());

但它也不起作用。

1 个答案:

答案 0 :(得分:1)

div包裹在HTLMPanel

<强>更新

HTMLPanel panel = new HTMLPanel(result);
panel.add(lc, "whatever");