GWT

2010-11-19 13 views
16

में हाइपरलिंक में छवि को कैसे सम्मिलित करें GWT में एक क्लिक करने योग्य छवि बनाने का कोई तरीका है? यह एक हाइपरलिंक महसूस देने के लिए सूचक (वैकल्पिक):GWT

उत्तर

14

आप Hyperlink में Image सम्मिलित करने के लिए कर सकता है क्या:

Hyperlink link = new Hyperlink(); 
Image image = new Image(someUrl); 
... 
link.getElement().appendChild(image.getElement()); 

Image क्लिक करने योग्य आप बस इसे करने के लिए एक ClickHandler जोड़ने बनाने के लिए।

+1

न तो आपका और न ही मक्का 'एवर पर्याप्त रूप से ओपी का जवाब देता है। मुझे यकीन है कि वह जानता है कि वह ऐसा करने के लिए एक क्लिकहैंडर को बांध सकता है, मुझे लगता है कि वह ऐसा करने के लिए एक गैर-जेएस निर्भर तरीके की तलाश में था .. – SexyBeast

1

देखने के एक सामान्य दृष्टिकोण से .. हम छवि के लिए एक onclick घटना है और एक सीएसएस कर्सर लिख सकते हैं।

2

आप ToggleButton भी बना सकते हैं और कुछ सीएसएस स्टाइल लागू कर सकते हैं। फिर आप पहले से ही सभी ClickHandler समर्थन शामिल हैं।

4

बस छवि के लिए एक ClickHandler देते हैं:

Image img = new Image(URL); 
img.addClickHandler(new ClickHandler() { 
    @Override 
    public void onClick(ClickEvent ev) { 
    // do sth. 
    } 
}; 

यह है कि। छवि क्लिक करने योग्य है। उपयोगकर्ता को क्लिक करने योग्यता को इंगित करने के लिए बस एक उचित सीएसएस शैली का प्रयोग करें जैसे कर्सर: पॉइंटर।

4
Hyperlink link = new Hyperlink(); 
Image image = new Image(someUrl); 
... 
link.getElement().getFirstChild().appendChild(image.getElement()); 

सही होगा। अन्यथा छवि हाइपरलिंक

+0

भी .getElement()। InsertFirst (Element) का उपयोग कर सकते हैं। – Chloe

3
Anchor anchor = new Anchor(); 
    anchor.getElement().getStyle().setCursor(Cursor.POINTER); 
    anchor.addClickHandler(new ClickHandler() { 
      @Override 
      public void onClick(ClickEvent ev) { 
       Window.Location.assign("http://url.com"); 
      } 
    }); 
    Image img = new Image("image/path.jpg"); 
    anchor.getElement().appendChild(img.getElement()); 

हाइपरलिंक के बजाय एंकर का प्रयोग करें क्योंकि addClickHandler हाइपरलिंक में मूल्यह्रास हुआ है के बाद जोड़ा गया है। जब आप छवि को घुमाते हैं तो दूसरी पंक्ति कर्सर को हाथ पॉइंटर जोड़ती है। बाकी मुझे लगता है कि आत्म व्याख्यात्मक है।