|
Processing... Type in the combobox or click the magnifying glass icon to evoke the popup!
Description & Source Code
ZK comboboxes allow developers to add other ZK components in their drop down menu; shown as an example here, a listbox with paging feature. This demo use bandbox component, which allows user create any content on it's popup. customizable_combobox.zul
<zk>
<zscript><![CDATA[
String[] languages = {"Ada","Basic","C","C++","CSS","Cobol","Forth","Fortran",
"Go","Groovy","Haskell","HTML","Java","JavaScript","Lisp","Python","Ruby",
"Scala","Scheme"};
]]></zscript>
<bandbox id="bd" mold="rounded" autodrop="true">
<bandpopup>
<listbox height="250px" width="450px" mold="paging" autopaging="true"
onSelect="bd.value=self.selectedItem.label; bd.close();">
<listhead>
<listheader label="Programming Languages" />
</listhead>
<listitem label="${each}" forEach="${languages}" />
</listbox>
</bandpopup>
</bandbox>
</zk>customizable_combobox_ctrl.zul
<vlayout> <checkbox checked="true" label="Enable Auto Drop-down" onCheck="bd.autodrop = self.checked" /> <checkbox checked="true" label="Make Button Visible" onCheck="bd.buttonVisible = self.checked" /> </vlayout>
Copyright © 2005-2025 Potix Corporation All rights reserved.
|
|
Processing... |