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 :
constraint binding textbox
3guest172.68.151.16220peldaDec 5, 2025 5:08:19 PMlinkAnother new ZK fiddle
2guest172.68.151.16320peldaDec 5, 2025 5:07:51 PMlinkAnother new ZK fiddle
1guest172.68.151.16220peldaDec 5, 2025 5:07:32 PMlinkAnother new ZK fiddle
1peggypeng172.71.154.99364f4neDec 5, 2025 9:24:31 AMlinktooltip example
2guest104.22.23.13rc1ntoDec 4, 2025 2:23:45 PMlinkAnother new ZK fiddle
1guest172.69.134.2277t7602Dec 4, 2025 1:40:46 PMlinkAnother new ZK fiddle
1peggypeng104.22.17.1802df6e3oDec 4, 2025 8:41:29 AMlinkonClose
1peggypeng172.68.87.248j8kd8aDec 3, 2025 4:10:26 AMlinkAnother new ZK fiddle
1peggypeng172.69.134.2271rm7f4eNov 26, 2025 3:31:24 AMlinkZK-5912-Suggestion
2rebeccalai104.22.20.1442qrmiiuNov 26, 2025 2:07:15 AMlinkAnother new ZK fiddle
6guest12.29.177.14220681pqAug 8, 2014 5:31:08 PMlinkresources
index.zulzul<zk>
<div apply="pkg$.SplineIrregularTimeComposer">
<!--<charts id="chart" type="spline" title="Snow depth at Vikjafjellet, Norway"
subtitle="Irregular time data"/> -->
</div>
</zk>
SplineIrregularTimeComposer .javajava
//import org.zkoss.chart.Charts;
//import org.zkoss.chart.Series;
import org.zkoss.zk.ui.select.SelectorComposer;
import org.zkoss.zk.ui.select.annotation.Wire;
import org.zkoss.zul.Window;
public class SplineIrregularTimeComposer extends SelectorComposer<Window> {
//@Wire
//Charts chart;
public void doAfterCompose(Window comp) throws Exception {
super.doAfterCompose(comp);
//chart.getXAxis().setType("datetime");
// Don't display the dummy year
//chart.getXAxis().getDateTimeLabelFormats().setMonth("%e. %b");
//chart.getXAxis().getDateTimeLabelFormats().setYear("%b");
//chart.getYAxis().setTitle("Snow depth (m)");
//chart.getYAxis().setMin(0);
//chart.getTooltip().setHeaderFormat("<b>{series.name}</b><br/>");
//chart.getTooltip().setPointFormat("{point.x:%e. %b}: {point.y} m");
//Series series1 = chart.getSeries();
//series1.setName("Winter 2007-2008");
//for (Double[] val : SplineIrregularTimeData.getData(0)) {
//series1.addPoint(val[0], val[1]);
//}
//Series series2 = chart.getSeries(1);
//series2.setName("Winter 2008-2009");
//for (Double[] val : SplineIrregularTimeData.getData(1)) {
//series2.addPoint(val[0], val[1]);
//}
//Series series3 = chart.getSeries(2);
//series3.setName("Winter 2009-2010");
//for (Double[] val : SplineIrregularTimeData.getData(2)) {
//series3.addPoint(val[0], val[1]);
//}
}
}SplineIrregularTimeData .javajava
import java.util.Calendar;
import java.util.TimeZone;
public class SplineIrregularTimeData {
static final Double[][][] data = {
{
{ getDate(1970, 9, 27), 0.0 },
{ getDate(1970, 10, 10), 0.6 },
{ getDate(1970, 10, 18), 0.7 },
{ getDate(1970, 11, 2), 0.8 },
{ getDate(1970, 11, 9), 0.6 },
{ getDate(1970, 11, 16), 0.6 },
{ getDate(1970, 11, 28), 0.67 },
{ getDate(1971, 0, 1), 0.81 },
{ getDate(1971, 0, 8), 0.78 },
{ getDate(1971, 0, 12), 0.98 },
{ getDate(1971, 0, 27), 1.84 },
{ getDate(1971, 1, 10), 1.80 },
{ getDate(1971, 1, 18), 1.80 },
{ getDate(1971, 1, 24), 1.92 },
{ getDate(1971, 2, 4), 2.49 },
{ getDate(1971, 2, 11), 2.79 },
{ getDate(1971, 2, 15), 2.73 },
{ getDate(1971, 2, 25), 2.61 },
{ getDate(1971, 3, 2), 2.76 },
{ getDate(1971, 3, 6), 2.82 },
{ getDate(1971, 3, 13), 2.8 },
{ getDate(1971, 4, 3), 2.1 },
{ getDate(1971, 4, 26), 1.1 },
{ getDate(1971, 5, 9), 0.25 },
{ getDate(1971, 5, 12), 0.0 } },
{
{ getDate(1970, 9, 18), 0.0 },
{ getDate(1970, 9, 26), 0.2 },
{ getDate(1970, 11, 1), 0.47 },
{ getDate(1970, 11, 11), 0.55 },
{ getDate(1970, 11, 25), 1.38 },
{ getDate(1971, 0, 8), 1.38 },
{ getDate(1971, 0, 15), 1.38 },
{ getDate(1971, 1, 1), 1.38 },
{ getDate(1971, 1, 8), 1.48 },
{ getDate(1971, 1, 21), 1.5 },
{ getDate(1971, 2, 12), 1.89 },
{ getDate(1971, 2, 25), 2.0 },
{ getDate(1971, 3, 4), 1.94 },
{ getDate(1971, 3, 9), 1.91 },
{ getDate(1971, 3, 13), 1.75 },
{ getDate(1971, 3, 19), 1.6 },
{ getDate(1971, 4, 25), 0.6 },
{ getDate(1971, 4, 31), 0.35 },
{ getDate(1971, 5, 7), 0.0 } },
{
{ getDate(1970, 9, 9), 0.0 },
{ getDate(1970, 9, 14), 0.15 },
{ getDate(1970, 10, 28), 0.35 },
{ getDate(1970, 11, 12), 0.46 },
{ getDate(1971, 0, 1), 0.59 },
{ getDate(1971, 0, 24), 0.58 },
{ getDate(1971, 1, 1), 0.62 },
{ getDate(1971, 1, 7), 0.65 },
{ getDate(1971, 1, 23), 0.77 },
{ getDate(1971, 2, 8), 0.77 },
{ getDate(1971, 2, 14), 0.79 },
{ getDate(1971, 2, 24), 0.86 },
{ getDate(1971, 3, 4), 0.8 },
{ getDate(1971, 3, 18), 0.94 },
{ getDate(1971, 3, 24), 0.9 },
{ getDate(1971, 4, 16), 0.39 },
{ getDate(1971, 4, 21), 0.0 }}
};
static Double[][] getData(int index) {
return data[index];
}
static Double getDate(int year, int month, int date) {
Calendar cal = Calendar.getInstance();
cal.setTimeZone(TimeZone.getTimeZone("UTC"));
cal.set(year, month, date);
return (double) cal.getTimeInMillis();
}
}