Show and hide tables on the basis of size of list box.

asked 2013-04-26 13:43:45 +0800

iamsudhir4u
545 ● 7
http://corejavasupport.bl...

updated 2013-04-26 13:46:26 +0800

On my zul there are three components (list box , table and table).

 <zk xmlns:x="xhtml" xmlns:zk="zk">
    <window 
        apply="org.zkoss.bind.BindComposer"
        viewModel="@id('vm') @init('ListBoxTestViewModel')">

        <menubar>
            <menuitem label="Add" onClick="@command('addCode')" />
        </menubar>

        <listbox model="@bind(vm.folderSentenceListModel)"
            selectedItems="@bind(vm.selectedFolderSentenceItems)">
            <listhead>
                <listheader label="Code" />
                <listheader label="Details" />
            </listhead>

            <template name="model">
                <listitem>
                    <listcell>
                        <label value="@bind(each.code)" />
                    </listcell>
                    <listcell>
                        <label value="@bind(each.details)" />
                    </listcell>

                </listitem>
            </template>
        </listbox>
        <x:table>
            <x:tr>
                <x:td>
                    <textbox value="@bind(vm.code)" width="150px" />
                </x:td>

            </x:tr>
        </x:table>
        <x:table />
        <x:tr>
            <x:td>
                <textbox value="@bind(vm.details)" width="150px" />
            </x:td>
        </x:tr>
        </x:table>
    </window>
</zk>

I want these two tables only visible if

• There is some record in list box.
• Suppose there is no any record is present in list box and user is clicking on Add button then we are adding a row in list box.

Please suggest the best way to show and hide these table.

Thanks in Advance.