How to get the "parent" element with GWT

Question

Say I have html part in my GWT application:

    <ul>
        <li id="tray-active"><a data-field="home">Homepage</a></li> <!-- Active page -->
        <li><a data-field="news">News</a></li>
        <li><a data-field="products">Products</a></li>
        <li><a data-field="sales">General Sales T&C</a></li>
        <li><a data-field="job">Job Opportunities</a></li>
    </ul>

And I am able to get the AnchorElement, say for the HomePage:

@Inject @DataField Anchor home;

How can I get the List li element?

Is it: home.getParent(); // which returns a widget ? Then cast it to a UListElement ? Is that it?

Update:

My main goal is to set the id of the li element to "tray-active", so when anchor item is clicked the "parent" li element is set to to "tray-active"

Suresh Atta · Accepted Answer · 2013-03-07T05:37:03.397

6

Need not to cast any thing.

you can do this:

home.getParent().getElement().setId("tray-active");

API

edited Mar 07 '13 at 05:37

answered Mar 07 '13 at 05:08

Suresh Atta

120,458
37
198
307

How you tested ?? firebug ??whats coming there in id attribute of li eliment? – Suresh Atta Mar 07 '13 at 06:47
1

alternatively com.google.gwt.dom.client.Document.get().getElementById("homelinkid").getParentElement().setId("tray-active") – Suresh Atta Mar 07 '13 at 07:04

score 2 · Answer 2 · answered Mar 30 '13 at 22:08

This should give you the Element object you want :

anchor.getElement().getParentElement()

where anchor is your anchor element.

anchor.getElement()

Gives you the Anchor's element and

anchor.getElement().getParentElement() ;

will give you the Element parent to the anchor which in your case should be the li Element

Now if you want to set an Attribute to this element such as id do this:

anchor.getElement().getParentElement().setAttribute("id", "li_id") ;

How to get the "parent" element with GWT

2 Answers2