下拉列表框:162
Combobox、comboitem
Combobox:是一个内嵌下拉列表的特殊文本框,可直接输入文本,还可从下拉列表中选择一项
属性:
autodrop=”true”:不用点击下拉按钮或按快捷键,在文本框中输入任何字符,下拉列表自动打开
description:可为每个comboitem添加一个描述
< combobox autodrop=”true”>
<comboitem label=”选项1” image=”/img/coffee.gif” description=”咖啡”/>
<comboitem label=”选项2”/>
<comboitem label=”选项3”/>
</ combobox>
像其他支持图象的组件,可以使用setImageContent方法为comboitem组件指派一个动态生成的图像
事件:
延时创建下拉列表项
使用fulfill属性onOpen:当用户打开下拉列表时,onOpen事件被发送至应用,为延迟comboitem的创建,可使用fulfill属性
< combobox fulfill=”onOpen”>
<comboitem label=”选项1” image=”/img/coffee.gif” description=”咖啡”/>
<comboitem label=”选项2”/>
<comboitem label=”选项3”/>
</ combobox>
或监听onOpen事件,然后在事件监听器中准备下拉列表或动态的改变列表
< combobox id=”combo” onOpen=”prepare()”/>
<zscript>
Void prepare(){
if(event.isOpen() && combo.getItemCount() ==0{
Combo.appendItem(“选项1”);
Combo.appendItem(“选项2”);
Combo.appendItem(“选项3”);
}
}
</zscript>
appendItem方法===创建一个comboitem,然后将其父组件指派为comobox
onChanging:添加一个事件监听,可基于用户的输入来填充下拉列表
<combobox id=”combo” autodrop=”true” onChanging=”suggest()”/>
<zscript>
Void suggest(){
Combo.getItems().clear();
If(event.value.startsWith(“A”)){
Combo.appendItem(“A开头的选项1”);
Combo.appendItem(“A开头的选项2”);
Combo.appendItem(“A开头的选项3”);
}else if(event.value.startsWith(“B”)){
Combo.appendItem(“B开头的选项1”);
Combo.appendItem(“B开头的选项2”);
}
}
</zscript>
当接收onChanging事件时,combobox的内容并不会改变,因此不能使用combobox的value属性,要使用事件org.zkoss.zk.ui.event.InputEvent的value属性
相关推荐
ZK 8.0.0端参考 ZK 8.0.0组件开发的必需品 ZK 8.0.0组件引用 ZK 8.0.0配置参考 ZK 8.0.0开发人员的参考 ZK 8.0.0风格定制指南 ZK 8.0.0 ZUML参考 zk-mvvm-book
ZK是一个事件驱动(event-driven)的,基于组件(component-based)的,用以丰富网络程序中用户界面的框架。ZK包括一个基于AJAX事件驱动的引擎(engine),一套丰富的XUL和XHTML,以及一种被称为ZUML(ZK User Interface ...
最新的前端框架ZK开发必备 ZK 8.0.0端参考 ZK 8.0.0组件开发的必需品 ZK 8.0.0组件引用 ZK 8.0.0配置参考 ZK 8.0.0开发人员的参考 ZK 8.0.0风格定制指南 ZK 8.0.0 ZUML参考 zk-mvvm-book
ZK框架是一个用JAVA实现的简单但是功能强大的表现层框架。...可以做到没有JavaScript,只通过ZUML(ZK User Interface Markup Language)这种标识语言即可做到界面创建和事件响应。 此为zk-bin包6.5.1版本
第6到8章介绍ZUML(ZK User Interface Markup Language)语言,包括ZUML语言本身以及如何在ZUML页中善用XUL及XHTML组件. 第9章介绍巨集组件,第10章则是说明高级功能.第11章以后是介绍一些客制化方法或是与外部系统(如...
ZK包含了一个以AJAX为基础、事件驱动(event-driven)、高互动性 的引擎,同时还提供了多样丰富、可重复使用的XUL与HTML组件,以及以XML为基础的使用接口设计语言 ZK User-interfaces Markup Language (ZUML)。
ZK包含了一个以AJAX为基础、事件驱动(event-driven)、高互动性的引擎,同时还提供了多样丰富、可重复使用的XUL与HTML组件,以 及以 XML 为基础的使用接口设计语言 ZK User-interfaces Markup Language (ZUML)。
ZK包括一个基于 AJAX事件驱动的引擎(engine),一套丰富的XUL和XHTML,以及一种被称为ZUML(ZK User Interface Markup Language,ZK用户界面标记语言)的标记语言。 有了ZK,您可以利用XUL和XHTML的丰富特性来呈现您的...
ZK包括一个基于AJAX事件驱动的引擎(engine),一套丰富的XUL和XHTML,以及一种被称为ZUML(ZK User Interface Markup Language,ZK用户界面标记语言)的标记语言。 有了ZK,您可以利用XUL和XHTML的丰富特性来呈现您的...
ZK包含了一个以AJAX为基础、事件驱动(event-driven)、高互动性 的引擎,同时还提供了多样丰富、可重复使用的XUL与HTML组件,以及以XML为基础的使用接口设计语言 ZK User-interfaces Markup Language (ZUML)。
ZK包含了一个以AJAX为基础、事件驱动(event-driven)、高互动性的引擎,同时还提供了多样丰富、可重复使用的XUL与HTML组件,以及以 XML 为基础的使用介面设计语言 ZK User-interfaces Markup Language (ZUML)。
可以做到没有JavaScript,只通过ZUML(ZK User Interface Markup Language)这种标识语言即可做到界面创建和事件响应。 ZK的实现完全用java实现,开发过程中不会有任何的JavaScript代码,但是通过将zul文件(ZK的...
ZK包含了一个以AJAX为基础、事件驱动(event-driven)、高互动性的引擎,同时还提供了丰富多样、可重复使用的XUL与HTML组件,以及以 XML 为基础的使用界面设计语言 ZK User-interfaces Markup Language (ZUML)。 ZK...
ZK包含了一个以AJAX为基础、事件驱动(event-driven)、高互动性的引擎,同时还提供了丰富多样、可重复使用的XUL与HTML组件,以及以 XML 为基础的使用界面设计语言 ZK User-interfaces Markup Language (ZUML)。
<description>ZK loader for ZUML pages <servlet-name>zkLoader</servlet-name> <servlet-class>org.zkoss.zk.ui.http.DHtmlLayoutServlet</servlet-class> <!-- 必须指定更新引擎(DHtmlUpdateServlet)的...
ZK 5.0.5 Component Reference ZK 5.0.5 Configuration Reference ZK 5.0.5 Style Guide ZK 5.0.5 ZUML Reference
ZK是一个事件驱动(event-driven)的,基于组件(component-based)的,用以丰富网络程序中用户界面的框架。ZK包括一个基于AJAX事件驱动的引擎(engine),一套丰富的XUL和XHTML,以及一种被称为ZUML(ZK User Interface ...
ZK包含了一个以AJAX为基础、事件驱动(event-driven)、高互动性的引擎,同时还提供了多样丰富、可重复使用的XUL与HTML组件,以及以 XML 为基础的使用介面设计语言 ZK User-interfaces Markup Language (ZUML)。
ZK 是一个事件驱动(event-driven)的,基于组件(component-based)的,用以丰 富网络程序中用户界面的框架。ZK 包括一个基于AJAX 事件驱动的引擎 (engine),一套丰富的XUL 和XHTML,以及一种被称为ZUML(ZK User ...
ZK包含了一个以AJAX为基础、事件驱动(event-driven)、高互动性的引擎,同时还提供了多样丰富、可重复使用的XUL与HTML组件,以及以 XML 为基础的使用介面设计语言 ZK User-interfaces Markup Language (ZUML)。