GWT clickable link (anchor) without href

Question

I'm trying to create a link (anchor) in GWT that can be clicked and it's ClickEvent can be processed, while at the same time this anchor wouldn't reload the page. This basically means that a href must not be set.

In javascript this is done like this:

<a href="javascript:handleAnchorClick();">Link</a>

or with

<a href="#" onclick="return handleAnchorClick()">Link</a>

where handleAnchorClick() returns false.

What would be the best way to achieve this in GWT?

If you set an href that starts with a `#` the page won't be reloaded, but the history stack will be changed, and you can respond to that event. — Riley Lark, Dec 05 '10 at 04:36
Exactly, the history stack is changed and I don't want to deal with that just to have a clickable link. — Peter Knego, Dec 05 '10 at 08:11

score 12 · Accepted Answer · answered Dec 05 '10 at 01:14

12

Use tha Anchor element, and call its addClickListener() method and add in what ever logic you wish. This sort of anchor doesn't reload the page.

answered Dec 05 '10 at 01:14

Chii

14,540
3
37
44

Yes this seems to be the right way. Now I just need to find a way to use Anchor with this specific constructor in UiBinder. – Peter Knego Dec 05 '10 at 08:23
2

Ah, simple. `@UiField(provided = true)` on the field. – Peter Knego Dec 05 '10 at 08:25
ClickListener is depricated already ( I have the same [question](http://stackoverflow.com/questions/7387019/create-link-in-table-cell-and-open-float-popup-by-click-from-it). – yetanothercoder Sep 12 '11 at 11:22
Its hard when the api changes for an answer that was written in 2010. – Chii Sep 16 '11 at 10:11

score 10 · Answer 2 · answered Dec 07 '10 at 11:18

10

Listeners are deprecated in GWT use handlers

Something like that :

Anchor a = new Anchor("hi");
a.addClickhandler(new ClickHandler() {
     @Override
     public void onClick(ClickEvent event) {
           Window.alert("hi");
     }

});

answered Dec 07 '10 at 11:18

AddClickhandler doesn't works, it must be "addClickHandler", Also forgot the closing brace, this code compiles: btnLogout.addClickHandler(new ClickHandler() { @Override public void onClick(ClickEvent event) { Window.alert("hi"); } }); – XhkUnlimit Jul 03 '14 at 20:29

score 8 · Answer 3 · answered Jun 25 '11 at 13:36

As you describe, using href="#" will reload the page.

This is what you can do in UIBinder:

    <g:Anchor ui:field="myScriptedAnchor" href="javascript:;">
        MyScriptedAnchorText
    </g:Anchor>

Then you can do whatever you want handling the ClickEvent in the view implementation.

    @UiHandler("myScriptedAnchor")
    void onMyScriptedAnchorClick(ClickEvent event) {
        // TODO whatever you want to do...
    }

score 8 · Answer 4 · answered Aug 07 '11 at 12:55

8

Don't forget to add a style to anchor otherwise it doesnt behave like a normal html link:

.anchor {
            text-decoration: underline;
            font-weight: bold;
            cursor: pointer;
            display: block;
        }

answered Aug 07 '11 at 12:55

Gambo

1,572
3
26
52

GWT clickable link (anchor) without href

4 Answers4

Linked