|
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-2024 Potix Corporation All rights reserved.
|
Processing... |