ホストモードでのGWT Javascript例外：式 'doc.getBoxObjectFor'の結果[未定義]は関数ではありません

Question

誰もこの例外を見たことがありますか？私はMac上でGWT 1.6.4でホストモードで走っています。 AutoSuggestを使用していて、この例外を投げてポップアップを表示しようとしています。コンパイルされたモードではうまく動作しますが、明らかにホストモードはかなり重要です。

[ERROR] Uncaught exception escaped 
com.google.gwt.core.client.JavaScriptException: (TypeError): Result of expression 'doc.getBoxObjectFor' [undefined] is not a function. 
line: 71 
sourceId: 1152617088 
sourceURL: jar:file:/Users/holmes/.m2/repository/com/google/gwt/gwt-user/1.6.4/gwt-user-1.6.4.jar!/com/google/gwt/dom/client/DOMImplMozillaOld.java 
expressionBeginOffset: 288 
expressionCaretOffset: 307 
expressionEndOffset: 313 
    at com.google.gwt.dom.client.DOMImplMozillaOld.getAbsoluteLeftImpl(Native Method) 
    at com.google.gwt.dom.client.DOMImplMozillaOld.getAbsoluteLeft(DOMImplMozillaOld.java:29) 
    at com.google.gwt.dom.client.Element$.getAbsoluteLeft$(Element.java:86) 
    at com.google.gwt.user.client.DOM.getAbsoluteLeft(DOM.java:646) 
    at com.google.gwt.user.client.ui.UIObject.getAbsoluteLeft(UIObject.java:487) 
    at com.google.gwt.user.client.ui.PopupPanel.position(PopupPanel.java:1015) 
    at com.google.gwt.user.client.ui.PopupPanel.access$5(PopupPanel.java:958) 
    at com.google.gwt.user.client.ui.PopupPanel$1.setPosition(PopupPanel.java:811) 
    at com.google.gwt.user.client.ui.PopupPanel.setPopupPositionAndShow(PopupPanel.java:700) 
    at com.google.gwt.user.client.ui.PopupPanel.showRelativeTo(PopupPanel.java:809) 
    at com.google.gwt.user.client.ui.SuggestBox.showSuggestions(SuggestBox.java:768) 
    at com.google.gwt.user.client.ui.SuggestBox.access$3(SuggestBox.java:738) 
    at com.google.gwt.user.client.ui.SuggestBox$1.onSuggestionsReady(SuggestBox.java:281) 
    at com.google.gwt.user.client.ui.MultiWordSuggestOracle.requestSuggestions(MultiWordSuggestOracle.java:225) 
    at com.google.gwt.user.client.ui.SuggestBox.showSuggestions(SuggestBox.java:640) 
    at com.google.gwt.user.client.ui.SuggestBox.refreshSuggestions(SuggestBox.java:713) 
    at com.google.gwt.user.client.ui.SuggestBox.access$6(SuggestBox.java:705) 
    at com.google.gwt.user.client.ui.SuggestBox$1TextBoxEvents.onKeyUp(SuggestBox.java:678) 
    at com.google.gwt.event.dom.client.KeyUpEvent.dispatch(KeyUpEvent.java:54) 
    at com.google.gwt.event.dom.client.KeyUpEvent.dispatch(KeyUpEvent.java:1) 
    at com.google.gwt.event.shared.HandlerManager$HandlerRegistry.fireEvent(HandlerManager.java:65) 
    at com.google.gwt.event.shared.HandlerManager$HandlerRegistry.access$1(HandlerManager.java:53) 
    at com.google.gwt.event.shared.HandlerManager.fireEvent(HandlerManager.java:178) 
    at com.google.gwt.user.client.ui.Widget.fireEvent(Widget.java:52) 
    at com.google.gwt.event.dom.client.DomEvent.fireNativeEvent(DomEvent.java:116) 
    at com.google.gwt.user.client.ui.Widget.onBrowserEvent(Widget.java:90) 
    at com.google.gwt.user.client.ui.TextBoxBase.onBrowserEvent(TextBoxBase.java:193) 
    at com.google.gwt.user.client.ui.Composite.onBrowserEvent(Composite.java:54) 
    at com.google.gwt.user.client.DOM.dispatchEventImpl(DOM.java:1320) 
    at com.google.gwt.user.client.DOM.dispatchEventAndCatch(DOM.java:1299) 
    at com.google.gwt.user.client.DOM.dispatchEvent(DOM.java:1262) 

Answer 1

コンパイルモードでFirefox 3.7a1pre（ "Minefield"）を使用した場合、同様の問題が発生しました。関数getBoxObjectForがgetBoundingClientRectに置き換えられました。ここで私の回避策は、GWTを再び働かせる。最初はどこかで次のメソッドを呼び出してください。少なくとも私にとってはうまくいきます。

private static native void firefox3compatibility() /*-{ 
if (!$doc.getBoxObjectFor) { 
    $doc.getBoxObjectFor = function (element) { 
    var box = element.getBoundingClientRect(); 
    return { "x"  : box.left, "y"  : box.top, 
      "screenX": box.left, "screenY" : box.top, 
      "width" : box.width, "height" : box.height }; 
    } 
} 
}-*/; 

Answer 2

これは偉大な修正ですが、私はまた、返されたオブジェクトにがscreenX、とscreenYを追加するために必要な：私はnitobi.browser後に挿入以下でこれを正常に固定

private static native void firefox3compatibility() /-{ if (!$doc.getBoxObjectFor) { $doc.getBoxObjectFor = function (element) { var box = element.getBoundingClientRect(); return { "x" : box.left, "y" : box.top, "width" : box.width, "height" : box.height, "screenX": box.left, "screenY":box.top }; } } }-/;

Answer 3

.detect（）; nitobi.toolkit.jsファイルに保存します。それはあなたがターゲットとしているのGeckoブラウザはMozillaのような機能getBoundingClientRectを実施している場合、それがうまく機能している行575（っぽい）

 

if(nitobi.browser.MOZ) { 
    if(typeof document.getBoxObjectFor == "undefined") { 
     document.getBoxObjectFor = function(elem) { 
      var obj = new Object; 
      var rect = elem.getBoundingClientRect(); 
      obj.y = rect.top; 
      obj.x = rect.left; 
      obj.width =Math.abs(rect.right-rect.left); 
      obj.height = Math.abs(rect.bottom-rect.top); 
      return obj; 
     } 
    } 
} 

です。

getBoxObjectForを廃止し、代わりにこの関数を追加しました。

希望に役立ちます。

Answer 4

getBoxObjectForはFF3.6では推奨されませんでした。ここでGWTのこの問題を解決する問題があります：Issue 4605