Listbox + context menu + modal window

answered 2010-07-19 07:42:21 +0800

andreasboos
105 ● 3

Hello
We are not using grid but listbox. I do not know if that influences anything. Anyway I will try to reproduce the problem in java.
Our system generates screens based on a configuration file that has the coordinates to fit the screen. All this basically using reflection with. SetParent (). Our listbox has this method:

private GridOnClickContextMenuEvent menuEvent = new GridOnClickContextMenuEvent();
private void initContextMenu() {
try {
mp.setWidth("200px");
mp.setPage(getPage());
setContext(mp);

Menuitem miImprimir = new Menuitem();
Menuseparator ms1 = new Menuseparator();
Menu mnColunas = new Menu();
Menupopup mpColunas = new Menupopup();
//mpColunas.addEventListener(Events.ON_CLICK, menuEvent);

miImprimir.setLabel("Imprimir");
miImprimir.setImage("/images/print.gif");
miImprimir.setAttribute("name", "imprimir");
miImprimir.addEventListener(Events.ON_CLICK, menuEvent);
mnColunas.setLabel("Colunas");
mnColunas.setImage("/images/settings.gif");
mnColunas.setAttribute("name", "mncolunas");

int count = 0;
for (TXGridColumn column : this.getxColumns()) {
Menuitem mi = new Menuitem();
mi.setLabel(column.getxCaption());
mi.setCheckmark(true);
mi.setChecked(column.isVisible());
mi.setParent(mpColunas);
mi.setAttribute("name", "column" + count++);
mi.addEventListener(Events.ON_CLICK, menuEvent);
}
miImprimir.setParent(mp);
ms1.setParent(mp);
mnColunas.setParent(mp);
mpColunas.setParent(mnColunas);
} catch (Exception e) {
e.printStackTrace();
}
}

private class GridOnClickContextMenuEvent implements EventListener {
@Override
public void onEvent(Event event) throws Exception {
if (event.getTarget().getAttribute("name").equals("imprimir")) {
TXGridReport fr = new TXGridReport(TXGrid.this, _xReportTitle!=null?_xReportTitle:"Título", _xReportSubTitle!=null?_xReportSubTitle:"Sub-Título");
fr.setParent(getPage().getFirstRoot());
fr.setVisible(true);
fr.doModal();
} else {
Menuitem item = (Menuitem)event.getTarget();
TXGridColumn comp = (TXGridColumn) TXGrid.this.getListhead().getChildren().get(
Integer.parseInt(event.getTarget().getAttribute("name")
.toString().replaceAll("[^0-9]", "")));
comp.setVisible(!item.isChecked());
((Menuitem)event.getTarget()).setChecked(!item.isChecked());
}
}
}

In it we've enabled the user can remove columns from the listbox and also able to print the data.

Our screen is mounted using this file zul:

<?xml version="1.0" encoding="UTF-8"?>
<?init zscript="imports.zul"?>
<txform
apply="webeasy.renderizer.Renderizer"
style="position: absolute;"
onOK="onEnter(event)"
sizable="true">

<script src="/javascript/jquery-1.3.2.min.js"></script>
<script src="/javascript/jquery.maskedinput-1.2.2.min.js"></script>
<zscript>
void onEnter(Event event) {
Component comp = event.getReference();
Component next = comp.getNextSibling();
if (next != null)
next.focus();
}
</zscript>
</txform>

Where TXGridColumn extends the class and listhead, txform extends Window and Renderizer extends GenericAutowireComposer. When data is loaded into the listbox I execute the method initContextMenu.

Everything works perfectly when the listbox is in an embedded window. But when I open the modal and clicking on menu items do not work. Or work after much stress.

Thanks for the help.