populate list when clicking on other grid row cell button

asked 2014-12-16 06:17:12 +0800

syeligeti
1

updated 2014-12-16 06:26:36 +0800

Hi,

I am new to ZK framework. I have two grids in same zul file. When ever i click on first grid row cell button then i need to populate other grid.

 For this i have written viewmodel, when ever i click on button am calling viewmodel notifyChange event and written business logic to get details of list to populate other grid. But the list of object while accessing in zul file am not able to get value.

zul file
first grid contains button in row
------------------
<window apply="org.zkoss.bind.BindComposer" viewModel="@id('vm') @init('com.hm.controller.CountryViewModel')">
<listbox vflex="true" hflex="1"  model="@load(vm.countryData.countries)">
    <auxhead>
        <auxheader colspan="6" class="topic">Country List</auxheader>
    </auxhead>
    <listhead>
        <listheader label="Country Name" align="center" />
        <listheader label="Country Code" align="center" />
    </listhead>
    <template name="model" var="country">
        <listitem>
            <listcell>
                <hbox> 
                    <button label="@load(country.countryName)" onClick="@command('countryDetails', countryId=country.countryId)"/>
                </hbox>
            </listcell>     
            <listcell label="@load(country.code)" />
        </listitem>
    </template>
</listbox>

viewmodel business logic
----------------------------
@Command
@NotifyChange("countryDetails")
public List<State> countryDetails(@BindingParam("countryId") int countryId) {
    List<State> states = new CountryDaoImpl().getStates(countryId);
    return states;
}

second grid in same zul file
---------------------
<grid model="${states}" emptyMessage="Nothing in Domain" height="400px">
    <columns sclass="tableDataHeading">
        <column label="state Name" sclass="w10"/>
        <column label="code" sclass="w20"/>
    </columns>
    <template name="model" var="state">
        <row>
            <label value="${state.stateName}"/>
            <label value="${state.code}"/>
        </row>
    </template>
</grid>


Please suggest me on this.

Thanks,
Sreedhar