Custom Component SelectedItem Bind

asked 2018-03-08 23:23:20 +0800

rohit12sh
13 ● 2

I am working on creating a new Custom Component and unable to bind a controller's property to the SelectedItem annotation property of my custom component. My idea is that any one who passes my Custom component SelectedItem annotation, I should be able to retrieve it in my component and assign it myself to the ListBox's SelectedItem property. This will give flexibility to the users of my component to not worry about the internals and the component will be re-usable.

Problem is that I am not able to get/set the Controller value in my custom component. I get NULL. Can someone please help me resolve this issue or point me to the right direction? Here is the code:

<bandbox id="filterDropdownBandBox" instant="true" readonly="false">
    <bandpopup id="filterDropdownBandPopup" style="max-height:250px;overflow-x:hidden">
        <listbox id="listBox" hflex="1" rows="0" >
             <template name="model">
                 <listitem>
                     <listcell label="${each.label}" />
                 </listitem>
             </template>
         </listbox>
    </bandpopup>
</bandbox>

public class FilterDropdown extends Div implements IdSpace {

    @Wire
    private Listbox listBox;
    @Wire
    private Bandpopup filterDropdownBandPopup;
    @Wire
    private Bandbox filterDropdownBandBox;

    private ListModelList<GenericNameValuePair> lbModel;

    public FilterDropdown() {
        Executions.createComponents("/filterDropdown.zul", this, null);
        Selectors.wireComponents(this, this, false);
        Selectors.wireEventListeners(this, this);
    }
    public void setSelectedItem(Listitem l) // getting NULL here
        {
            l.setParent(listBox);
            listBox.setSelectedItem(l);
        }
     public void saveSelection() {
         listBox.getSelectedItem();
     }

     public Listitem getSelectedItem() {
         return listBox.getSelectedItem();
     }

}

This is how I added this component to lang-addon.xml file

 <component>
        <component-name>filter-dropdown</component-name>
        <extends>div</extends>
        <component-class>com.components.FilterDropdown</component-class>
        <annotation>
            <annotation-name>DDBIND</annotation-name>
            <property-name>selectedItem</property-name>
            <attribute>
                <attribute-name>ACCESS</attribute-name>
                <attribute-value>both</attribute-value>
            </attribute>
        </annotation>
    </component>

And this is how I am using my custom component in other ZUL files

    <filter-dropdown id="filterProjDropdown" selectedItem="@DDBIND{XYZCtrl.bean.
propbean.actualProp}"/>