tags:

views:

149

answers:

1
+1  Q: 

Adding a click handler for an html element?

Hi,

I have a page pregenerated for me using html, it looks like a scrollable list of divs, something like:

<html>
  <div id="a">
     <div>Item A</div>
  </div>
  <div id="b">
     <div>Item B</div>
  </div>
</html>

I'd like to grab them in my entry point method, and add a click handler to each. I can't figure out how to do that. I have something like:

public void onModuleLoaded() {
    RootPanel rp1 = RootPanel.get("a");
    rp1.addClickHandler(...); // can't do this.
}

how can I listen for a click on one of those items in GWT? Is there a way I can just install a global click handler and just watch for the ID of clicked items and filter on that? I don't necessarily need to add a click handler for each element (and I think the docs recommend against this if you have many elements which require click handlers),

Thanks

Thanks

+1  A: 

I haven't tested this, but the general idea is right, and easy enough to extend for more than one target element. You might like to store the elements returned by DOM.getElementById() beforehand to keep things fast. Bear in mind that onPreviewNativeEvent() will be called for every user event, so keep it light.

Event.addNativePreviewHandler(new NativePreviewHandler() {
    public void onPreviewNativeEvent(NativePreviewEvent event) {
        if (Event.as(event).getTypeInt() == Event.ONCLICK &&
            DOM.isOrHasChild(DOM.getElementById("A"), Element.as(event.getEventTarget()))) {
            // Element 'A' was clicked.
        }
    }
}
hambend  2010-05-04 22:09:18
This could work well too, also with just a general <div> with a complex inner structure which is good. I haven't tried it yet, but the inner test may look like (not gonna look nice here): if (event.getTypeInt() == Event.ONCLICK) { Element element = (Element)event.getSource(); if (element.getId().equals("blah")) { [will update post if it works, above] thanks!
 2010-05-05 12:29:19

related questions

Stop a event from bubbling in GWT
How can I format text in GWT label widget
GWT FileUpload initial path
Can't compile class calling a method in an interface with a generic list argument
Which effects library should I integrate with GWT?
Client side Callback in GWT
GWT Table that supports sorting, scrolling and filtering
Google Web Toolkit
Extract all string from a java project
http/AJAX (GWT) vs Eclipse gui for thin client deployment
Why does GWT ignore browser locale?
How do I add a type to GWT's Serialization Policy whitelist?
How do I make a gwt-ext window not resize when its content resizes?
Best practice for parameterizing GWT app?
GWT-EXT - What is the best way to widgets to a specific ContentPanel after an event?
GWT or DOJO or something else?
How can I best connect Seam and GWT in a stateful web application?
Biggest GWT Pitfalls?
Creating a fluid panel in GWT to fill the page?
Widget notifying other widget(s)
gwt lazy loading
GWT context.xml in shell mode
Should I use Google Web Toolkit for my new webapp?
how to get locale information on a GWT application
Stand alone charts in GWT