带有GWT的xtk:“未捕获的错误:无法找到给定的容器,或者它具有未定义的大小。”

时间:2012-05-22 23:26:47

标签: gwt xtk

有没有人用过GWT的XTK?无论我做什么,我都会收到此错误“Uncaught Error:找不到给定的容器或者它的大小未定义。”

我在基础html(下面)中定义了容器元素,可以通过其他方式(DOM,JQuery,GWT-JSNI)访问,但不能通过XTK库访问。

我的GWT-JSNI方法和容器HTML如下。

任何进一步调试的帮助或指示?

/* GWT JSNI method */
public native void initializeWebgl() /*-{

    alert('r ' + $doc.getElementById('r')); // works

    var r = new $wnd.X.renderer('r'); // fails ??????? why?
    alert("r is" + r);
    r.init(); }*-/

<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>

<noscript>
  <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
    Your web browser must have JavaScript enabled
    in order for this application to display correctly.
  </div>
</noscript>

<div id="r" style="background-color: #000000; width: 100%; height: 100%;"></div>

</body>

1 个答案:

答案 0 :(得分:0)

1)在某些情况下观察到此错误。允许渲染器初始化失败的检查已弃用,并已在“重构”分支上删除。所以,很快,这应该开箱即用。

2)目前,最简单的解决方法是将渲染器设置为固定高度(用于测试):

<div id="r" style="background-color: #000000; width: 100%; height: 300px;"></div>

3)如果父元素的高度为100%,则可以使用CSS在渲染器上定义最小高度。这里的信息:http://www.gn-webdesign.de/css-tutorials/css-div-height-100.html