Listbox onSelect event does not fire

asked 2019-07-01 01:03:37 +0800

k0k0s
51 ● 1

updated 2019-07-02 16:26:40 +0800

I have the followins zul page with a popup that contains a listbox.

<vlayout>
   <space bar="false" spacing="1px" />
   <checkbox id="profile" label="Use my preferences" />
   <space bar="false" spacing="1px" />
   <label value="Select category filter" 
      style="cursor:pointer; padding:5px; border:solid 1px black" popup="categoriesPopup"/>
   <space bar="false" spacing="1px" />
   ...
   <popup id="categoriesPopup" > 
      <listbox id="categoriesfilters"  model="${$composer.category_filters}"
         multiple="true" checkmark="true" height="350px" width="400px" >
         <template name="model">
            <listitem value="${each.name}" label="${each.name}" />
         </template>
      </listbox>
   </popup>

And in my composer:

    ...
 @Listen("onSelect = listbox#categoriesfilters")
    public void applyCategoryFilter(SelectEvent se){
        Clients.showNotification("LISTBOX ITEM WAS CLICKED");


        if (se.getSelectedItems().isEmpty())
            filtered_assignments.clear();
           ...

I want to do it in MVC but I can't figure it out the function isn't called I tried specifing the path but that didn't work either, any ideas?

EDIT:

There is a following structure

• indexFile.zul
  • indexContents.zul #(it's children components are changed at loggin/logout)
    • loginControls.zul #removed and loggedIn.zul components are put in
    • loggedIn.zul
      • loggedInContents.zul #(it's children are changed while navigating)
        • searchContents.zul

The composer that has the Listener is in loggedIn.zul:

<zk>
   <window id="student_loggedIn" contentStyle="padding:0px; overflow:auto;"  
      style="overflow:auto;"
           apply="kokos.csd3314app.Control.Student.Loggedin_Composer">
        <vbox width="100%" align="center" pack="center" 
            style="border:2px solid red;">
            <hbox (NAVIGATION_BAR) ...
            </hbox>
            <div hflex="1">
               <window  id="loggedIn_Contents" contentStyle="overflow-y:auto;   
                    padding:0;" style="border:2px solid red; overflow-y:auto;">
                  <include src="/studentComponents/loggedInHome.zul"/>
               </window>
            </div>
         </vbox>
    </window>
</zk>

In the NAVBAR hbox I have a button that changes the loggedIn_Contents by clearing them and loading new in their place from a file

@Listen("onClick=#searchB")
public void goSearch(){
   ClientDebug cd = new ClientDebug();
   cd.clientMsg("Search button was clicked");
   Window loggedInContents = 
      (Window) Path.getComponent("/indexContents/student_loggedIn/loggedIn_Contents");
   loggedInContents.getChildren().clear();
   Executions.createComponents("/studentComponents/searchContents.zul", loggedInContents, null);
}

and in the searchContents.zul is the popup that I want to trigger the function in the following path that I posted above:

<zk>
    <borderlayout vflex="min">
        <west vflex="min" title="Filters" size="15%" flex="true" maxsize="90" collapsible="true">
            <div style="background:#B8D335">
                <vlayout>
                   ...
                   <popup id="categoriesPopup" >
                      <listbox id="categoriesfilters"  model="${$composer.category_filters}">

the search Contents also uses model with its getters and they work which makes me think the composer in logged in contents can find the components.

I am thinking to create another composer apply it to the div exactly above the popup and have the listener there and in general divide the logged-in composer's functionality.