combobox.zul

来自「ZK是一个Ajax Java Web框架」· ZUL 代码 · 共 127 行

ZUL
127 行
字号 
<?xml version="1.0" encoding="UTF-8"?>

<!--
combobox.zul

{{IS_NOTE
        Purpose:

        Description:

        History:
                Thu Nov 13 16:07:16 TST 2008, Created by Flyworld
}}IS_NOTE

Copyright (C) 2008 Potix Corporation. All Rights Reserved.

{{IS_RIGHT
}}IS_RIGHT
-->
<window id="demo" apply="org.zkoss.zkdemo.userguide.DemoWindowComposer">
	<html><![CDATA[
	<h4>Comboboxes</h4>
	<p>A combination of a text box with a listbox, which allows the user to select items from the list or enter a new value.<br />
	Press Alt+DOWN to drop the list, then use UP and DOWN to select
	an item.</p>
	]]></html>
	<separator/>
	<tabbox width="100%" tabscroll="false">
		<tabs>
			<tab id="demoView" label="Demo"/>
			<tab id="srcView" label="View Source"/>
		</tabs>
		<tabpanels>
			<tabpanel>
				<window id="view">
				</window>
			</tabpanel>
			
			<tabpanel>
				<panel>
					<panelchildren>
						<textbox id="codeView" class="code" rows="20" width="95%">
			<attribute name="value"><![CDATA[
<hbox>
	<vbox>
		Combobox:
		<combobox>
			<comboitem label="Simple and Rich" />
			<comboitem label="Cool!" />
			<comboitem label="Thumbs Up!" />
		</combobox>
		Combobox with description:
		<combobox>
			<comboitem label="Simple and Rich"
				description="The simplest way to make Web applications rich" />
			<comboitem label="Cool!"
				description="The coolest technology" />
			<comboitem label="Ajax and RIA"
				description="Rich Internet Application by Ajax" />
		</combobox>
		Combobox with description and icons:
		<combobox>
			<comboitem label="Simple and Rich" image="/img/Centigrade-Widget-Icons/GoldBar-32x32.gif"
				description="The simplest way to make Web applications rich" />
			<comboitem label="Cool!" image="/img/Centigrade-Widget-Icons/CogwheelEye-32x32.gif"
				description="The coolest technology" />
			<comboitem label="Ajax and RIA" image="/img/Centigrade-Widget-Icons/WindowGlobe-32x32.gif"
				description="Rich Internet Application by Ajax" />
		</combobox>
	</vbox>
	<splitter collapse="before" />
	<vbox>
		Auto-complete Combobox:
		<combobox id="combo" autodrop="true" />
		<hbox>
			<checkbox checked="true"
				onCheck="combo.autodrop = self.checked"
				label="auto drop popup when typing" />
			<checkbox checked="true"
				onCheck="combo.buttonVisible = self.checked" label="button visible" />
		</hbox>
	</vbox>
	<zscript>
	String[] _dict = { 
		"abacus", "accuracy", "acuity", "adage", "afar", "after", "apple",
		"bible", "bird", "bingle", "blog",
		"cabane", "cape", "cease", "cedar",
		"dacron", "defacto", "definable", "deluxe",
		"each", "eager", "effect", "efficacy",
		"far", "far from",
		"girl", "gigantean", "giant",
		"home", "honest", "huge",
		"information", "inner",
		"jump", "jungle", "jungle fever",
		"kaka", "kale", "kame",
		"lamella", "lane", "lemma",
		"master", "maxima", "music",
		"nerve", "new", "number",
		"omega", "opera",
		"pea", "peace", "peaceful",
		"rock", "RIA",
		"sound", "spread", "student", "super",
		"tea", "teacher",
		"unit", "universe",
		"vector", "victory",
		"wake", "wee", "weak", "web2.0",
		"xeme",
		"yea", "yellow",
		"zebra", "zk",
		
	};
	 ListModel dictModel= new SimpleListModel(_dict);
	 combo.setModel(dictModel);
	</zscript>
</hbox>]]></attribute>
						</textbox>
					</panelchildren>
					<toolbar mold="panel">
						<button id="tryBtn" label="Try me!"/>
						<button id="reloadBtn" label="Reload" height="18px"/>
					</toolbar>
				</panel>
			</tabpanel>
		</tabpanels>
	</tabbox>
</window>

combobox.zul - 源码说明

本页面展示了「ZK是一个Ajax Java Web框架」中的 combobox.zul 源码文件，采用 ZUL 编程语言编写，共 127 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与Ajax相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?