Listbox with delete buttons

asked 2015-06-05 09:35:20 +0800

josefsabater
17 ● 4

Hello,

I want to create a listbox that contains a delete button for each row. I implemented the following code does not work because the buttons may not have the ID property because it repeats and skips a failure duplicate ID.

----------- Controller.java -----------

@Wire
private Listbox listboxDocumentos;

@Override
public void doAfterCompose(final Component comp) throws Exception {

   final List<DocsBean> docs = docsService.getDocs();
   listboxDocumentos.setModel(new ListModelList<DocsBean>(docs));
}

@Listen("onClick = #btnDelete")
public void delete(final Event event) {
   // implements
}

----------- listDocs.zul -----------

<listbox id="listboxDocumentos" nonselectableTags="" mold="paging" pageSize="5" multiple="false"  >
 <listhead>
    <listheader label="Nombre" sort="auto" width="42%" />
    <listheader label="Version" sort="auto" width="6%"/>
    <listheader label="Tamaño" sort="auto" width="7%"  />
    <listheader label="Tipo" sort="auto" width="8%"  />
    <listheader label="Usuario" sort="auto" width="20%" />
    <listheader label="Fecha" sort="auto" width="12%" />
    <listheader label="Action" width="5%" align="center" />
</listhead> 
<template name="model">
    <listitem id="${each.id}">
        <listcell label="${each.nombre}" />
        <listcell label="${each.version}" />
        <listcell label="${each.tamanyo}" />
        <listcell label="${each.formato}" />
        <listcell label="${each.nombreUsuario}" />
        <listcell label="${each.fechaRegistroFormat}" />
        <listcell >
            <button id="btnDelete" image="/core/static/css/images/delete-icon.png" />
        </listcell>
    </listitem>
</template>

</listbox>

Does anyone know how?

Thank you.