zk 3.6数据绑定

转载：http://hi.baidu.com/jspring/blog
官网提供了listbox的数据绑定，测试了下相当不错，再试试grid绑定和自动排序。

zul页面

官网提供了listbox的数据绑定，测试了下相当不错，再试试grid绑定和自动排序。

zul页面

<?init class="org.zkoss.zkplus.databind.AnnotateDataBinderInit" ?>
<window id="win" use="com.udooo.window.BookWindow" title="ZK Tutorial" width="1024px" border="normal">
    <listbox model="@{win.books}">
        <listhead sizable="true">
            <listheader label="名称" width="100px" sort="auto(name)" />
            <listheader label="作者" width="250px" sort="auto(author)" />
            <listheader label="出版社" width="250px" sort="auto(pub)" />
            <listheader label="价格" width="250px" sort="auto(price)" />
        </listhead>
        <listitem self="@{each=book}">
            <listcell label="@{book.name}" />
            <listcell label="@{book.author}" />
            <listcell label="@{book.pub}" />
            <listcell label="@{book.price}" />
        </listitem>
    </listbox>
    <space/>
    <grid model="@{win.books}" rowRenderer="com.udooo.renderer.BookRenderer">
        <columns menupopup="auto">
            <column label="名称" sort="auto(name)"/>
            <column label="作者"/>
            <column label="出版社"/>
            <column label="价格"/>
        </columns>
    </grid>
</window>

grid要绑定数据关键是要指定Rowrenderer就好了。

参考文章:

http://en.wikibooks.org/wiki/ZK/How-Tos/Data-Binding