ListBox Dont load list from model !!!!

<?xml version="1.0" encoding="UTF-8"?>
<?init class="org.zkoss.zkplus.databind.AnnotateDataBinderInit" root="./articulo"?>
<?variable-resolver class="org.zkoss.zkplus.spring.DelegatingVariableResolver"?>

<div id="articulo" height="100%" apply="${articulo}" xmlns="http://www.zkoss.org/2005/zul">
    <borderlayout>
        <north>
            <hbox>
                <label value="Codigo Producto"/>
                <textbox value="@{articulo$composer.ejemplo.codigo}"/>
                <label value="Nombre Producto"/>
                <textbox value="@{articulo$composer.ejemplo.nombre}"/>
                <button id="search" label="Buscar"/>
            </hbox>
        </north>

        <center border="none" flex="true">
           <listbox id="articuloBox" span="true" model="@{articulo$composer.list; load-when:search.onClick}"  selectedItem="@{articulo$composer.selected}">
                <listhead sizable="true">
                    <listheader label="Codigo" sort="auto" />
                    <listheader label="Nombre Articulo" sort="auto" />
                    <listheader label="Stock" sort="auto" />
                    <listheader label="Valor" sort="auto" />
                    <listheader label="Descripcion" sort="auto" />
                </listhead>

                <listitem self="@{each='articulo'}" value="@{articulo}">
                    <listcell label="@{articulo.codigo}" />
                    <listcell label="@{articulo.nombre}" />
                    <listcell label="@{articulo.stock.cantidad}" />
                    <listcell label="@{articulo.valor}" />
                    <listcell label="@{articulo.descripcion}" />
                </listitem>

            </listbox>
        </center>
        <south>

        </south>
    </borderlayout>


</div>