Suggested case list:
Using timer to refresh a grid
383guest172.69.33.12125nk0uiMay 7, 2020 7:23:47 AMlinkuser model to move item to another listbox
120guest162.158.193.148d0n3krApr 2, 2020 5:28:28 AMlinkDisabled list item row passed to VM-1981
296fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:44 PMlinkDisabled list item row passed to VM-1981
295fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:16 PMlinkDisabled list item row passed to VM-1981
294fatih123160.83.36.13225nk0uiFeb 13, 2018 3:30:44 PMlinkgrid sample with ListModel/RowRenderer
816guest80.82.2.1312vah9ajFeb 21, 2017 11:42:21 AMlinkgrid sample with ListModel/RowRenderer
809guest175.98.113.1622vah9ajJan 26, 2017 9:19:33 AMlinkgrid sample with ListModel/RowRenderer
196guest79.185.142.402vah9ajApr 26, 2014 10:53:57 PMlinkgrid sample with ListModel/RowRenderer
195guest79.185.142.402vah9ajApr 26, 2014 10:53:54 PMlinkgrid sample with ListModel/RowRenderer
194guest79.185.142.402vah9ajApr 26, 2014 10:53:51 PMlinkgrid sample with ListModel/RowRenderer
193guest79.185.142.402vah9ajApr 26, 2014 10:53:48 PMlinkgrid sample with ListModel/RowRenderer
192guest79.185.142.402vah9ajApr 26, 2014 10:53:44 PMlinkgrid sample with ListModel/RowRenderer
191guest79.185.142.402vah9ajApr 26, 2014 10:53:40 PMlinkHierarchy table without using ZK PE/EE
1aaknai151.28.135.2131s871daJul 29, 2013 11:02:46 PMlinkgrid sample with ListModel/RowRenderer
128aaknai151.28.135.2132vah9ajJul 29, 2013 7:20:00 PMlinkuser model to move item to another listbox
1TonyQ114.25.109.94d0n3krApr 21, 2012 10:43:27 AMlinkUsing timer to refresh a grid
1TonyQ220.133.44.3725nk0uiFeb 17, 2012 3:17:34 AMlinkFire a event from child iframe
1TonyQ220.133.44.372eupjotFeb 3, 2012 5:04:52 AMlinkTextbox input restriction sample
1TonyQ72.21.245.2431b3nlr0Dec 20, 2011 10:09:10 AMlinkTest web core taglib in ZUL
1TonyQ198.203.175.175ofqkemDec 17, 2011 3:36:08 AMlinkLatest 10 Fiddles :
ZK-5696
1JamesChu162.158.187.3739iuvhmApr 18, 2024 10:33:52 AMlinkListbox colspan header version 2
3guest172.71.183.199jkpp6qApr 17, 2024 1:54:19 PMlinkZK-5695
1guest162.158.90.1402is2rctApr 17, 2024 10:23:20 AMlinkLocalDate in datebox
2guest172.70.243.516v49n7Apr 17, 2024 6:05:17 AMlinkLocalDate in datebox
1guest172.70.243.516v49n7Apr 17, 2024 6:04:18 AMlinkLocalDate in datebox
1guest172.70.243.511m6i0gcApr 17, 2024 6:04:04 AMlinkAnother new ZK fiddle
1guest141.101.69.1271plv0hpApr 17, 2024 5:37:43 AMlinkpdf set content media
2guest172.68.18.22635q7pbApr 16, 2024 9:27:52 PMlinkpdf set content media
1guest172.71.234.11635q7pbApr 16, 2024 9:27:06 PMlinkInline editor with multiline textbox example
3guest162.158.155.66dri7ckApr 16, 2024 7:11:00 PMlinkqsc feedback fiddle
22guest134.68.31.2273qdqrnuMar 3, 2015 2:05:50 PMlinkresources
index.zulzul<zk>
<style>
.z-borderlayout {
background: none;
font-size: 16px;
}
.z-center, .z-south, .z-north, .z-west, .z-east {
border: 1px solid #bbb;
line-height: 1.3em;
}
.z-center-noborder, .z-south-noborder, .z-north-noborder, .z-west-noborder, .z-east-noborder {
border: none;
}
.z-button .z-button-tl, .z-button .z-button-tm, .z-button .z-button-tr,
.z-button .z-button-cl, .z-button .z-button-cm, .z-button .z-button-cr,
.z-button .z-button-bl, .z-button .z-button-bm, .z-button .z-button-br {
background-image: none;
}
.primary, .secondary, .tab-pill {
display: inline-block;
text-decoration: none;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
padding: 5px 8px;
border-radius: 5px;
}
.primary {
background: #00A1F2;
color: #FFF;
text-shadow: #DEA4D6;
border: 1px solid #00a1f2;
}
.secondary, .tab-pill {
background-color: #f3f3f3;
border: 1px solid #C0C0C0;
color: #999;
}
.primary:hover, secondary:hover, tab-pill:hover {
opacity:0.7;
cursor: pointer;
text-decoration: none;
transition:opacity .2s;
}
.primary.selected {
-moz-box-shadow: 0 0 3px #DEA4D6 inset;
-webkit-box-shadow: 0 0 3px #DEA4D6 inset;
box-shadow: 1px 1px 4px 1px #31ACD6 inset;
}
.secondary.selected, .tab-pill.selected {
color: #00A1F2;
}
.z-listbox { margin-top:15px; background: #fff; border: 1px solid #bbb; overflow: hidden; zoom: 1; overflow-y:auto; overflow-x:hidden; }
.z-listbox tr.z-listitem, tr.z-listitem a,
.z-listbox tr.z-listitem a:visited { background-color: #fff !important; }
.z-listbox tr.z-listitem td.z-listitem-focus { background-image: none; }
.z-listbox tr.z-listitem-seld { background-color: #00A1F2 !important; border: none; color: #fff; }
.z-listbox tr.z-listitem:hover { background: #00A1F2 !important; color: #fff !important; opacity: 0.75 !important; }
.z-listbox tr.z-listitem-over-seld { background: #00A1F2 !important; opacity: 0.75 !important; }
.z-listbox div.z-listcell-cnt { font-size: 14px; padding:5px 3px; }
tr.z-listbox-odd {
background: #fff;
}
.z-tabbox-accordion {
background: none;
border: 1px solid #f0f0f0;
}
.z-tab-accordion-header {
border: 1px solid #bbb;
background: none;
}
.z-tab-accordion-hm, .z-tab-accordion-hl, .z-tab-accordion-hr, .z-tab-accordion-tl, .z-tab-accordion-tr {
background-image: none;
background: #ddd;
}
.z-tabbox-accordion .z-tabpanel-accordion, .z-tabpanel-accordion-cnt {
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
padding: 10px;
font-size: 16px;
line-height: 1.3em;
}
.z-textbox {
border: 1px solid #bbb;
background-image: none;
padding: 10px;
font-size: 14px;
line-height: 1.3em;
}
</style>
<window border="normal" title="hello" apply="pkg$.TestComposer" height="100%" width="100%">
<div id="rootContainer" hflex="1" vflex="1">
<hlayout hflex="1" vflex="1">
<!-- This is the container for the left side practice/student list -->
<vlayout width="175px" vflex="1" >
<!-- container for the practice selector -->
<hlayout vflex="min" hflex="1">
<listbox id="practiceBox" mold="select" hflex="1">
<listitem label="Practice 1" selected="true"/>
<listitem label="Practice 2"/>
</listbox>
</hlayout>
<!-- container for the students -->
<listbox vflex="1" hflex="1" style="margin-top:5px">
<listitem>
<listcell>
<label value="JOSEPH SMITH" />
<image src="http://aib.msu.edu/images/icon_paper.gif"/>
</listcell>
</listitem>
<listitem>
<listcell>
<label value="MARIBET MACGUYVER" />
<image src="http://aib.msu.edu/images/icon_paper.gif"/>
</listcell>
</listitem>
<listitem>
<listcell>
<label value="JEREMY SPOKEN" />
<image src="http://aib.msu.edu/images/icon_paper.gif"/>
</listcell>
</listitem>
<listitem>
<listcell>
<label value="CLASS TODAY" />
</listcell>
</listitem>
</listbox>
</vlayout>
<!-- Right side border layout -->
<borderlayout hflex="1" vflex="1">
<center flex="true" style="padding:10px; border-width: 1px 1px 0px 1px; background-color:#F0F0F0;">
<borderlayout hflex="1" vflex="1">
<!-- container for the lesson, patient dropdown, & main note dispay -->
<center flex="true" border="none" style="background-color: transparent; padding-right:10px;">
<borderlayout vflex="1" hflex="1">
<!-- container for lesson & patient list boxes -->
<north border="none" style="background-color: transparent; padding-bottom:10px;">
<hlayout spacing="10px">
<listbox id="lessonBox" mold="select">
<listitem label="Lesson 1" selected="true"/>
<listitem label="Lesson 2"/>
</listbox>
<listbox id="patientBox" mold="select">
<listitem label="PATIENT, JENNY" selected="true"/>
<listitem label="CRUMPET, SALLY"/>
</listbox>
</hlayout>
</north>
<!-- container for content tabs -->
<center flex="true" style="background-color: white; padding:10px;">
<vlayout hflex="1" vflex="1" spacing="10px">
<div id="studentContentContainer" vflex="1" hflex="1">
<!--replace main content here-->
<vlayout vflex="1" hflex="1">
<hlayout hflex="1">
<label style="font-weight: bold">Joseph Smith's </label><label>Reflection Note</label>
</hlayout>
<div vflex="1" hflex="1" style="padding:15px; border:1px solid #bbb; overflow-y: scroll;">
As they rounded a bend in the path that ran beside the river, Lara recognized the silhouette of a fig tree atop a nearby hill. The weather was hot and the days were long. The fig tree was in full leaf, but not yet bearing fruit.
Soon Lara spotted other landmarks—an outcropping of limestone beside the path that had a silhouette like a man’s face, a marshy spot beside the river where the waterfowl were easily startled, a tall tree that looked like a man with his arms upraised. They were drawing near to the place where there was an island in the river. The island was a good spot to make camp. They would sleep on the island tonight.
Lara had been back and forth along the river path many times in her short life. Her people had not created the path—it had always been there, like the river—but their deerskin-shod feet and the wooden wheels of their handcarts kept the path well worn. Lara’s people were salt traders, and their livelihood took them on a continual journey.
At the mouth of the river, the little group of half a dozen intermingled families gathered salt from the great salt beds beside the sea. They groomed and sifted the salt and loaded it into handcarts. When the carts were full, most of the group would stay behind, taking shelter amid rocks and simple lean-tos, while a band of fifteen or so of the heartier members set out on the path that ran alongside the river.
With their precious cargo of salt, the travelers crossed the coastal lowlands and traveled toward the mountains. But Lara’s people never reached the mountaintops; they traveled only as far as the foothills. Many people lived in the forests and grassy meadows of the foothills, gathered in small villages. In return for salt, these people would give Lara’s people dried meat, animal skins, cloth spun from wool, clay pots, needles and scraping tools carved from bone, and little toys made of wood.
Their bartering done, Lara and her people would travel back down the river path to the sea. The cycle would begin again.
It had always been like this. Lara knew no other life. She traveled back and forth, up and down the river path. No single place was home. She liked the seaside, where there was always fish to eat, and the gentle lapping of the waves lulled her to sleep at night. She was less fond of the foothills, where the path grew steep, the nights could be cold, and views of great distances made her dizzy. She felt uneasy in the villages, and was often shy around strangers. The path itself was where she felt most at home. She loved the smell of the river on a hot day, and the croaking of frogs at night. Vines grew amid the lush foliage along the river, with berries that were good to eat. Even on the hottest day, sundown brought a cool breeze off the water, which sighed and sang amid the reeds and tall grasses.
Of all the places along the path, the area they were approaching, with the island in the river, was Lara’s favorite.
The terrain along this stretch of the river was mostly flat, but in the immediate vicinity of the island, the land on the sunrise side was like a rumpled cloth, with hills and ridges and valleys. Among Lara’s people, there was a wooden baby’s crib, suitable for strapping to a cart, that had been passed down for generations. The island was shaped like that crib, longer than it was wide and pointed at the upriver end, where the flow had eroded both banks. The island was like a crib, and the group of hills on the sunrise side of the river were like old women mantled in heavy cloaks gathered to have a look at the baby in the crib—that was how Lara’s father had once described the lay of the land.
Larth spoke like that all the time, conjuring images of giants and monsters in the landscape. He could perceive the spirits, called numina, that dwelled in rocks and trees. Sometimes he could speak to them and hear what they had to say. The river was his oldest friend and told him where the fishing would be best. From whispers in the wind he could foretell the next day’s weather. Because of such skills, Larth was the leader of the group.
“We’re close to the island, aren’t we, Papa?” said Lara.
“How did you know?”
“The hills. First we start to see the hills, off to the right. The hills grow bigger. And just before we come to the island, we can see the silhouette of that fig tree up there, along the crest of that hill.”
“Good girl!” said Larth, proud of his daughter’s memory and powers of observation. He was a strong, handsome man with flecks of gray in his black beard. His wife had borne several children, but all had died very young except Lara, the last, whom his wife had died bearing. Lara was very precious to him. Like her mother, she had golden hair. Now that she had reached the age of childbearing, Lara was beginning to display the fullness of a woman’s hips and breasts. It was Larth’s greatest wish that he might live to see his own grandchildren. Not every man lived that long, but Larth was hopeful. He had been healthy all his life, partly, he believed, because he had always been careful to show respect to the numina he encountered on his journeys.
Respecting the numina was important. The numen of the river could suck a man under and drown him. The numen of a tree could trip a man with its roots, or drop a rotten branch on his head. Rocks could give way underfoot, chuckling with amusement at their own treachery. Even the sky, with a roar of fury, sometimes sent down fingers of fire that could roast a man like a rabbit on a spit, or worse, leave him alive but robbed of his senses. Larth had heard that the earth itself could open and swallow a man; though he had never actually seen such a thing, he nevertheless performed a ritual each morning, asking the earth’s permission before he went striding across it.
“There’s something so special about this place,” said Lara, gazing at the sparkling river to her left and then at the rocky, tree-spotted hills ahead and to her right. “How was it made? Who made it?”
Larth frowned. The question made no sense to him. A place was never made, it simply was. Small features might change over time. Uprooted by a storm, a tree might fall into the river. A boulder might decide to tumble down the hillside. The numina that animated all things went about reshaping the landscape from day to day, but the essential things never changed, and had always existed: the river, the hills, the sky, the sun, the sea, the salt beds at the mouth of the river.
</div>
</vlayout>
</div>
<hlayout>
<a class="tab-pill selected" id="reflectionNoteButton" label="Reflection Note"/>
<a class="tab-pill" id="dataEnteredButton" label="Data Entered"/>
<a class="tab-pill" id="dataViewedButton" label="Data Viewed"/>
</hlayout>
</vlayout>
</center>
</borderlayout>
</center>
<!-- container for the accordian view on the right -->
<east width="200px" vflex="1" border="none" style="background-color: transparent">
<tabbox id="rightAccordion" mold="accordion" hflex="1" vflex="1" style="background-color:white">
<tabs>
<tab id="patientSummaryTab" label="Test Patient Summary"/>
<tab id="previousFeedbackTab" label="Previous Feedback"/>
</tabs>
<tabpanels>
<tabpanel>Student should do something with the patient</tabpanel>
<tabpanel>List of previously given feedback here</tabpanel>
</tabpanels>
</tabbox>
</east>
</borderlayout>
</center>
<!-- container for "write feedback" -->
<south style="padding:10px; border-width: 0px 1px 1px 1px; background-color:#F0F0F0;">
<vlayout>
<textbox id="feedbackTextArea" rows="5" vflex="1" hflex="1"
style="margin-bottom:10px"
value="Write Feedback..."/>
<hlayout >
<a class="primary" id="saveButton" label="Save" />
<a class="secondary" id="cancelButton" label="Cancel" />
</hlayout>
</vlayout>
</south>
</borderlayout>
</hlayout>
</div>
</window>
</zk>
TestComposer.javajavaimport org.zkoss.zk.ui.*;
import org.zkoss.zk.ui.event.*;
import org.zkoss.zk.ui.util.*;
import org.zkoss.zk.ui.ext.*;
import org.zkoss.zk.au.*;
import org.zkoss.zk.au.out.*;
import org.zkoss.zul.*;
public class TestComposer extends GenericForwardComposer{
public void doAfterCompose(Component comp) throws Exception {
super.doAfterCompose(comp);
}
public void onClick$btn(Event e) throws InterruptedException{
Messagebox.show("Hi btn");
}
}