GWT : UIBinder를 사용하여 앵커에 위젯을 포함하는 방법

Question

UIBinder에서 다음 코드를 사용하여 프로그래밍 방식으로 코드의 href 링크를 설정할 수 있습니다. 나는이 때

<g:HTMLPanel> 
    <g:Anchor ui:field="link"> 
     <g:InlineLabel ui:field="firstName"/> 
     <g:InlineLabel ui:field="lastName"/> 
    </g:Anchor> 
</g:HTMLPanel> 

내가 얻을 :

ERROR: Found widget in an HTML context Element <g:InlineLabel ui:field='firstName'> (:7). 

가 어떻게 앵커 내부에 위젯을 추가 할 수 있습니다?

<a id="myAnchor"> 
    etc... 
    </a> 

을 그리고 다음 HREF을 설정하려면 코드에서 DOM을 조작,하지만 추한 : 이전에 내가 사용에 의존했습니다. 더 좋은 방법이 있습니까?

Answer 1

패널 (흐름 또는 수평)을 사용하고 패널에 클릭 핸들러를 추가하여 링크를 시뮬레이션하는 것이 더 좋습니다. 앵커, 버튼 및 유사한 위젯은 그 안에 하위 태그를 허용하지 않습니다.

Answer 2

아래 클래스는 SimplePanel과 똑같이 작동하지만 (즉, 위젯을 넣을 수 있음) 'div'대신 'a'를 사용합니다. 위젯이 더 필요하다면 다른 위젯을 넣기 만하면됩니다.

import com.google.gwt.user.client.DOM; 
import com.google.gwt.user.client.ui.SimplePanel; 

public class Link extends SimplePanel { 
    public Link() { 
     super(DOM.createAnchor()); 
    } 

    private void setHref(String href) { 
     getElement().setAttribute("href", href); 
    } 

    private String getHref() { 
     return getElement().getAttribute("href"); 
    } 

    public void setTarget(String frameName) { 
     getElement().setAttribute("target", frameName); 
    } 
}