`

zk 3.6数据绑定

    博客分类:
  • ZK
阅读更多
转载: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
分享到:
评论
2 楼 yufylovefl 2011-02-23  
请问能不能把com.udooo.window.BookWindow的代码贴出来 谢谢
1 楼 百威 2009-04-17  
后台绑定
public void getItemList()
	{
		String userid = (String) Sessions.getCurrent().getAttribute("user");
		String allname = ((Textbox)getFellow("allname")).getValue();
		Items items = new Items();
		List alist = new ArrayList();
		alist = items.getItemList(userid, allname);
		Listbox box = (Listbox)this.getFellow("box");
		while(box.getItemCount() > 0){
			box.removeItemAt(0);
		}
		for(int i = 0; i < alist.size(); i++){
			ItemsVo vo = (ItemsVo) alist.get(i);			
			Listitem li = new Listitem(); 
		   	li.appendChild(new Listcell(vo.getAllname()));
		   	li.appendChild(new Listcell(vo.getPhone()));
		   	li.appendChild(new Listcell(vo.getEmail()));
		   	box.appendChild(li);
		}
		
	}

相关推荐

    zk 数据绑定(grid进行嵌套显示数据)

    ZK的数据绑定机制基于MVC(Model-View-Controller)设计模式,通过数据绑定API实现了视图和模型之间的双向同步。这意味着当模型数据发生变化时,视图会自动更新,反之亦然。ZK的数据绑定主要涉及三个类:`Binding`, ...

    zk curd 小例 数据绑定 页面间事件传送 适合初学者

    ZK CURD小例是针对初学者的一个教程,主要涵盖了数据绑定和页面间事件传送这两个核心概念。在Web开发中,ZK是一个基于组件的Java AJAX框架,它提供了丰富的用户界面组件和简单易用的数据绑定机制,使得开发者可以更...

    ZK数据绑定

    ZK数据绑定是ZK框架中的一个重要特性,它允许开发者将UI组件的显示与应用程序的数据模型直接关联起来,实现数据的动态更新和交互。ZK是一个基于Java的轻量级Web应用框架,专注于提供富客户端功能,使得在浏览器中...

    zookeeper-3.4.12.zip

    在Zookeeper中,每个节点(称为Znode)都有唯一的路径标识,并且支持多种数据类型,如字符串、二进制等。Znodes可以设置 watches(监视器),当节点状态发生变化时,watcher会收到通知,这种机制极大地简化了分布式...

    zkstudio_1.0.1_helios_3.6

    标签“zkstudio_1.0.1_helios_3.6”同样强化了这个信息,它可能是为了方便搜索和分类而使用的元数据。 压缩包内的文件名列表揭示了以下关键组件: 1. **content.jar**:这通常包含ZooKeeper Studio的用户界面元素...

    ZK 5.0.2 API

    3. **数据绑定**:ZK的数据绑定功能使得UI组件可以直接与后端数据模型关联,实现数据的自动更新。数据绑定可以是单向或双向的,比如`&lt;label&gt;`组件可以绑定到一个Java对象的属性,当属性值改变时,标签的内容也会自动...

    ZK安装 ZK入门 开发 讲解 共3个pdf

    这份文档将带你逐步了解ZK的基本概念和工作原理,包括ZK组件的使用、事件处理机制、数据绑定以及Ajax通信等。通过快速启动示例,你可以快速学会如何创建一个简单的ZK应用,并且理解ZK如何简化Web前端开发。 最后,...

    zk语言开发基于Ajax的东西

    6. **数据绑定**:ZK的数据绑定机制允许开发者直接将UI组件与后台模型数据进行绑定,实现双向数据同步,减少了手动操作DOM的繁琐工作。 7. **性能优化**:ZK通过其自有的Ajax引擎,实现了高效的页面更新,降低了...

    ZK+spring+hibernate的整合

    4. **配置ZK-Spring**:需要引入ZK-Spring的库,这是一个连接ZK和Spring的桥梁,它提供了Spring的ApplicationContext到ZK Session的绑定,使得ZK组件可以直接使用Spring的Bean。 5. **事务管理**:由于Spring对事务...

    ZK MVC与MVVM模式联合实现动态分页

    5. **数据绑定**:ZK提供了强大的数据绑定机制,允许我们在ViewModel中定义一个数据列表,然后直接绑定到`paging`组件的`source`属性上。这样,当ViewModel中的数据列表发生变化时,`paging`组件会自动更新其显示。 ...

    zk-src-6.0.1.zip_zk_zk java_zk-src-6.5.1.1

    3. **数据绑定**:ZK支持双向数据绑定,使得UI组件和业务数据模型之间的同步变得简单。分析这部分源码,可以学习如何实现高效的数据同步。 4. **网络通信**:ZK使用一种称为"ZK事件推送技术"(ZK Event Push ...

    ZK框架:Ajax开发实战

    - **自动数据绑定**:ZK框架具有自动数据绑定功能,可以将用户界面与后端数据模型进行同步。 - **事件驱动**:ZK支持事件驱动开发模式,可以捕捉用户的操作并作出响应。 ### Ajax开发的基础知识点 Ajax...

    ZK框架开发手册

    在通信方面,ZK框架支持客户端与服务器端之间的数据绑定,它允许双向数据同步,从而确保界面始终反映最新的数据状态。手册中详细讨论了命令和通知的绑定,以及如何使用EL表达式来进行数据绑定。 ZK框架还支持使用...

    zk开发手册和注意事项

    ZK框架提供了丰富的组件,如ListBox和Grid等,组件与数据的绑定是开发ZK应用时的常见需求。例如,在ListBox组件中可以绑定一个数据集合,并且利用ZK提供的方法来动态更新ListBox的内容。同样,在Grid组件中也可以...

    ZK中文开发手册 html

    3. **数据绑定**:ZK的双向数据绑定功能使得UI和数据模型之间的同步变得简单,手册会阐述如何利用MVVM(Model-View-ViewModel)模式进行数据管理。 4. **事件处理**:讲解如何处理用户交互,包括点击事件、键盘事件...

    zk 开发依赖包

    10. **zel.jar**:ZEL(ZK Expression Language)是ZK框架内的表达式语言,用于在ZUL文件中进行条件判断、逻辑运算和数据绑定等操作。zel.jar很可能包含了ZEL的相关实现和解析器。 这些依赖包的组合使用,使得...

    grovvy Reference zk

    - **Data Binding**:ZK提供了丰富的数据绑定特性,支持属性绑定、命令绑定等多种方式。 通过深入理解Groovy、Grails以及ZK框架的技术细节,开发者可以在敏捷开发的背景下,利用这些技术快速构建高质量的Web应用...

    ZK开发手册 3.06 Word版

    8. **数据绑定和数据模型**:ZK的数据绑定机制使得UI与后台数据模型之间的同步变得简单,手册会讲解如何实现双向数据绑定,以及如何使用各种数据模型。 9. **脚本支持**:ZK允许在页面中嵌入JavaScript和Groovy脚本...

    ajax框架 zk开发手册

    - **数据绑定**:ZK支持双向数据绑定,可以方便地将组件的值与模型数据关联起来,简化数据管理。 **4. ZK与其它技术的集成** - **Spring集成**:ZK可以与Spring框架无缝集成,利用Spring的依赖注入和AOP特性,...

    zk studio eclipse plugin

    ZK框架是一种基于组件模型的Java Web应用框架,它简化了用户界面的构建和维护,提供了丰富的客户端组件和事件处理机制,同时支持服务器端的数据绑定。ZK Studio插件则将ZK的开发功能整合到了Eclipse IDE中,极大地...

Global site tag (gtag.js) - Google Analytics