How to remove elements from GXT HtmlLayoutContainer - gwt

Question

I have the following Widget that uses GXT HtmlLayoutContainer:
public class MyWidget implements IsWidget {
public interface MyWidgetLayout extends XTemplates {
#XTemplate(source = "my/stuff/resources/MyWidget.html")
SafeHtml getTemplate(List<MyData> myData);
}
public static final MyWidgetLayout LAYOUT = GWT.create(MyWidgetLayout .class);
private final List<MyData> myData;
private HtmlLayoutContainer container;
public TaskRegulationsContainer(List<MyData> myData) {
this.myData = myData;
}
#Override
public Widget asWidget() {
if (container == null) {
container = new HtmlLayoutContainer(LAYOUT.getTemplate(regulations, postfix));
if (null != regulations) {
for (MyData d : myData) {
MyOtherWidget w = new MyOtherWidget(d);
container.add(w, new AbstractHtmlLayoutContainer.HtmlData(".my-data-" + myData.getUniqueId()));
}
}
}
return container;
}
public void handleRemovedData(MyData removedData) {
// How can I remove the widget corresponding to removedData
// with the selector my-data-{uniqueId}?
}
}
with the following template:
<style>
</style>
<div>
<span>My Data:</span>
<div>
<tpl for="myData">
<div class="my-data-{uniqueId}"></div>
</tpl>
</div>
</div>
How can I remove individual myData list items from the UI after the template is rendered?

Answer 1

You can iterate over the children of the container, check if the class attribute contains "my-data-" + uniqueId and delete it.
Something like this should work:
public void handleRemovedData(MyData removedData) {
for (int i = 0; i < container.getChildCount(); i++) {
node = pParent.getChild(i);
if (node.getNodeType() == Node.ELEMENT_NODE) {
Element element = (Element) node.cast();
if (element.getClassName().contains("my-data-" + removedData.getUniqueId())) {
container.removeChild(element);
}
}
}
}
Hope that helps.