जीडब्ल्यूटी: 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 स्थापित करने के लिए मेरी कोड में डोम से छेड़छाड़, लेकिन यह बदसूरत है। क्या कोई बेहतर तरीका है?

Answer 1

पैनल (फ़्लो या क्षैतिज) का उपयोग करना बेहतर है और लिंक को अनुकरण करने के लिए पैनल में क्लिक हैंडलर जोड़ें। एंकर, बटन और इसी तरह के विजेट्स उनके अंदर बाल टैग की अनुमति नहीं देंगे।

Answer 2

नीचे दी गई कक्षा बिल्कुल सरलपैनेल की तरह कार्य करती है (यानी, आप इसमें एक विजेट डाल सकते हैं), लेकिन "div" के बजाय "ए" का उपयोग करता है। यदि आपको अधिक विजेट की आवश्यकता है तो बस इसमें एक और पैनल डालें।

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); 
    } 
}