Revision history [back]

click to hide/show revision 1
initial version

asked 2014-11-12 02:39:12 +0800

sjoshi gravatar image sjoshi flag of India

http://zkframeworkhint.bl...

Listbox & ListGroup with groupname and other value

I am using Listbox/Listgroup to display list of record but here is my requirement little bit change i want Listgroup like below image

Listbox

Is this possible ? If yes what approach i have to follow right now i am using below code

<listbox hflex="1" emptyMessage="@load(vm.getText('LABEL_NOROWS'))" checkmark="true" multiple="true"
                        model="@load(vm.billedFeeGroupModel)" width="100%">

                        <listhead sizable="false" width="100%">
                            <listheader />

<listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_FEECODE'))"/> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_FEEDESC'))"/> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_FEECOMMENT'))"/> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_FEEAMOUNT'))"/> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_DUEAMOUNT'))"/> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_PAIDAMOUNT'))"/> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_PAID'))"/> </listhead> <template name="model:group"> <listgroup label="@load(each)"/> </template>

<template name="model" var="accountBillFeeData">
    <listitem width="100%">
    <listcell></listcell>
<listcell>
<label value="@bind(accountBillFeeData.accountBillFee.feeCode)" />
</listcell>
<listcell>
<label value="@bind(accountBillFeeData.feeDesc)" />
</listcell>
<listcell>
<label value="@bind(accountBillFeeData.accountBillFee.feeComment)" />
</listcell>
<listcell>
<label value="@bind(accountBillFeeData.accountBillFee.feeAmount)" />
</listcell>
<listcell>
<label value="@bind(accountBillFeeData.accountBillFee.feeLeft)" />
</listcell>
<listcell>

<label value="@bind(accountBillFeeData.accountBillFee.feeLeft)"/> </listcell> <listcell> <label value="@bind(accountBillFeeData.paidInFullFlag)"/> </listcell> </listitem> </template> </listbox>

Listbox & ListGroup with groupname and other value

I am using Listbox/Listgroup to display list of record but here is my requirement little bit change i want Listgroup like below image

Listbox

Is this possible ? If yes what approach i have to follow right now i am using below code

 <listbox hflex="1" emptyMessage="@load(vm.getText('LABEL_NOROWS'))" checkmark="true" multiple="true"
                         model="@load(vm.billedFeeGroupModel)" width="100%">

                         <listhead sizable="false" width="100%">
                            <listheader />

<listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_FEECODE'))"/> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_FEEDESC'))"/> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_FEECOMMENT'))"/> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_FEEAMOUNT'))"/> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_DUEAMOUNT'))"/> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_PAIDAMOUNT'))"/> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_PAID'))"/> <listheader /> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_FEECODE'))" /> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_FEEDESC'))" /> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_FEECOMMENT'))" /> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_FEEAMOUNT'))" /> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_DUEAMOUNT'))" /> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_PAIDAMOUNT'))" /> <listheader label="@load(vm.getText('AccountBillFeeDetail:FIELD_PAID'))" /> </listhead> <template name="model:group"> <listgroup label="@load(each)"/> </template>

label="@load(each)" />
    </template>

    <template name="model" var="accountBillFeeData">
     <listitem width="100%">
     <listcell></listcell>
<listcell>
    <listcell>
    <label value="@bind(accountBillFeeData.accountBillFee.feeCode)" />
</listcell>
<listcell>
    </listcell>
    <listcell>
    <label value="@bind(accountBillFeeData.feeDesc)" />
</listcell>
<listcell>
    </listcell>
    <listcell>
    <label value="@bind(accountBillFeeData.accountBillFee.feeComment)" />
</listcell>
<listcell>
    </listcell>
    <listcell>
    <label value="@bind(accountBillFeeData.accountBillFee.feeAmount)" />
</listcell>
<listcell>
    </listcell>
    <listcell>
    <label value="@bind(accountBillFeeData.accountBillFee.feeLeft)" />
</listcell>
<listcell>
    </listcell>
    <listcell>
   <label value="@bind(accountBillFeeData.accountBillFee.feeLeft)" />
    </listcell>
    <listcell>
    <label value="@bind(accountBillFeeData.paidInFullFlag)" />
    </listcell>
    </listitem>
    </template>
      </listbox>

<label value="@bind(accountBillFeeData.accountBillFee.feeLeft)"/> </listcell> <listcell> <label value="@bind(accountBillFeeData.paidInFullFlag)"/> </listcell> </listitem> </template> </listbox>

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More