Requirement Constraints: ZK Framework

Showing posts with label ZK Framework. Show all posts

Monday, 16 September 2013

ZK Dynamic Menu

Posted on 23:19 by Unknown

Welcome Back. When i started learning ZK, one of the challenge thing for me to dynamically generate the Menu from the Database using different components of ZK. We managed using via MVC and created all the stuff using pure java. But now thanks to MVVM and Children binding mechanism of ZK. Using that, with minimal lines of code, we can achieve the result.

This post will talk about creating Dynamic Menu using different ZK Components

Part 1: This article will explain how we can use ZK Menu Component to build N level of menu dynamically
Part 2: This article will explain how to create Tree type Menu dynamically.
Part 3: This article will explain how to create Left Navigation Menu Using group Box and Tool Bar Button
Part 4: This article will explain how to create top level navigation menu with two levels dynamically.
Part 5: This article will explain how to create 4 Level of Menu for an Web app application

You can see the online demo here and download the source code.

Posted in ZK Framework | No comments

ZK Dynamic Menu Part 5

Posted on 06:19 by Unknown

In Part 3, we have seen how to create left navigation menu using ZK Group Box and ZK Tool bar button dynamically and also in part 4, Using the same data set, We created two level menu in the top using Tab box and Tool bar as like this ZK Demo.

Now we will combine Part 3 and Part 4, i.e we will create 4 level menu, 1st level in Tabbox , 2nd Second Tab Panel Tool Bar Button, 3nd Level Left Group Box and 4th Level Tool Bar Button under each group Box.

MenuItem.java

package com.example.menu;

import java.util.ArrayList;
import java.util.List;

public class MenuItem {
	private String name;
	private List<MenuItem> children;
	private int level;

	public MenuItem(String name,int level) {
		this.name = name;
		this.level = level;
		children = new ArrayList<MenuItem>();
	}
	
	public void addChild(MenuItem node) {
		children.add(node);
	}

	public void appendChild(MenuItem child) {
		if (children == null)
			children = new ArrayList<MenuItem>();
		children.add(child);
	}
	
	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public List<MenuItem> getChildren() {
		return children;
	}

	public void setChildren(List<MenuItem> children) {
		this.children = children;
	}

	public int getLevel() {
		return level;
	}

	public void setLevel(int level) {
		this.level = level;
	}

}

MenuItemData.java

package com.example.menu;

import java.util.ArrayList;
import java.util.List;

public class MenuItemData {

	private static List<MenuItem> menus = new ArrayList<MenuItem>();
	static {

		MenuItem m1 = new MenuItem("Administration",1);
		MenuItem m1_lv1 = new MenuItem("Security",2);
		MenuItem m1_Lv2 = new MenuItem("Accounts",3);

		MenuItem m1_Lv3 = new MenuItem("User",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Role",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("User Rights",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Role Rights",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("Regional",3);
		m1_Lv3 = new MenuItem("Clock",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Language",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Keyboard",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("Devices",3);
		m1_Lv3 = new MenuItem("Printer",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Projector",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Mouse",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1.addChild(m1_lv1);

		/***************************************************/
		m1_lv1 = new MenuItem("Network",2);
		m1_Lv2 = new MenuItem("Wireless",3);
		m1_Lv3 = new MenuItem("Connection 1",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Connection 2",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("Adapter",3);
		m1_Lv3 = new MenuItem("Local Area Connection",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Virtual Box Network",4);
		m1_Lv2.addChild(m1_Lv3);

		m1_lv1.addChild(m1_Lv2);

		m1.addChild(m1_lv1);

		/***************************************************/
		m1_lv1 = new MenuItem("My Computer",2);
		m1_Lv2 = new MenuItem("Drives",3);
		m1_Lv3 = new MenuItem("C Drive",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("D Drive",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("E Drive",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("Favorites",3);
		m1_Lv3 = new MenuItem("Desktop",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Downloads",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Recent Places",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Google Drive",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);
		m1.addChild(m1_lv1);
		menus.add(m1);

		/************************************************************************/
		m1 = new MenuItem("ZK",1);
		m1_lv1 = new MenuItem("Products",2);
		m1_Lv2 = new MenuItem("ZK SpreadSheet",3);

		m1_Lv3 = new MenuItem("3D Cell",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Freeze rows",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Ranged Cells",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("ZK Pivottable",3);
		m1_Lv3 = new MenuItem("Drill Down",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Render",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Paging",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("ZK Calender",3);
		m1_Lv3 = new MenuItem("Views",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Drag and Drop",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Time Zones",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("ZK Spring",3);
		m1_Lv3 = new MenuItem("HTTP Request",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("HTTP Basic",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("MD4 Password",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);
		
		m1.addChild(m1_lv1);

		/***************************************************/
		m1_lv1 = new MenuItem("ZK Demo",2);
		m1_Lv2 = new MenuItem("Grid",3);
		m1_Lv3 = new MenuItem("Master Detail",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Data Binding",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Dynamic Data",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Data Filter",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("ListBox",3);
		m1_Lv3 = new MenuItem("Dual ListBox",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Paging",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Auto Sort",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("List Group",4);
		m1_Lv2.addChild(m1_Lv3);
		
		m1_Lv2 = new MenuItem("Effects",3);
		m1_Lv3 = new MenuItem("jQuery Effects",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Upload Effect",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Login Effect",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Display Action",4);
		m1_Lv2.addChild(m1_Lv3);

		
		m1_Lv2 = new MenuItem("Layout",3);
		m1_Lv3 = new MenuItem("Portal Layout",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Complex Border Layout",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Group Box",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Boxes",4);
		m1_Lv2.addChild(m1_Lv3);
		
		
		m1_lv1.addChild(m1_Lv2);

		m1.addChild(m1_lv1);

		/***************************************************/
		m1_lv1 = new MenuItem("ZK Support",2);
		m1_Lv2 = new MenuItem("Documentation",3);
		m1_Lv3 = new MenuItem("Spread Sheet",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("ZK Calender",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("ZK Studio",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("Downloads",3);
		m1_Lv3 = new MenuItem("ZK Spring",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("ZK JSP",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);
		m1.addChild(m1_lv1);

		menus.add(m1);
		m1 = new MenuItem("Eclipse",1);
		menus.add(m1);
		m1_lv1 = new MenuItem("File",2);
		m1_Lv2 = new MenuItem("Project",3);

		m1_Lv3 = new MenuItem("New Maven",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("New JPA",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("New JEE",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);
		m1.addChild(m1_lv1);
	}

	public static List<MenuItem> getAllMenus() {
		return new ArrayList<MenuItem>(menus);
	}

}

index.zul

<window title="Dynamic Menu Example !!" border="normal" height="98%"
	apply="org.zkoss.bind.BindComposer"
	viewModel="@id('vm') @init('com.example.menu.MainMenuVM')">
	<borderlayout>
		<north id="north" border="0" height="9%" flex="true">
			<div id="Menu" sclass="Mainmenudiv">
				<tabbox>
					<tabs children="@load(vm.menuItems)">
						<template name="children" var="item">
							<tab label="@load(item.name)" />
						</template>
					</tabs>
					<tabpanels children="@load(vm.menuItems)">
						<template name="children" var="item">
							<tabpanel height="200px">
								<toolbar
									children="@load(item.children)">
									<template name="children"
										var="aa">
										<toolbarbutton
											onClick="@command('onMenuClick',item=aa)"
											label="@load(aa.name)" />
									</template>
								</toolbar>
							</tabpanel>
						</template>
					</tabpanels>
				</tabbox>
			</div>
		</north>
		<west size="20%" flex="true" maxsize="250" splittable="true"
			collapsible="true">
			<div  >
				<vlayout  children="@load(vm.selectedMenuItem.children)">
					<template name="children" var="item">
						<groupbox width="250px" mold="3d"
							sclass="leftnav">
							<caption label="@load(item.name)" />
							<vbox>
								<toolbarbutton label="${each.name}"
									forEach="${item.children}" />
							</vbox>
						</groupbox>
					</template>
				</vlayout>
			</div>
		</west>
		<center border="none" flex="true">
			<div style="background:#E6D92C">
				<label value="" style="color:white;font-size:50px" />
			</div>
		</center>
	</borderlayout>
</window>

MainMenuVM.java

package com.example.menu;

import java.util.List;

import org.zkoss.bind.annotation.BindingParam;
import org.zkoss.bind.annotation.Command;
import org.zkoss.bind.annotation.NotifyChange;

public class MainMenuVM {

	private List<MenuItem> menuItems;
	private MenuItem selectedMenuItem;
	
	
	public MenuItem getSelectedMenuItem() {
		return selectedMenuItem;
	}

	public void setSelectedMenuItem(MenuItem selectedMenuItem) {
		this.selectedMenuItem = selectedMenuItem;
	}

	public List<MenuItem> getMenuItems() {
		return menuItems;
	}

	public void setMenuItems(List<MenuItem> menuItems) {
		this.menuItems = menuItems;
	}

	public MainMenuVM() {
		menuItems = MenuItemData.getAllMenus();
		setSelectedMenuItem(menuItems.get(0).getChildren().get(0));
	}

	@Command
	@NotifyChange("selectedMenuItem") 
	public void onMenuClick(@BindingParam("item") MenuItem item) {
		setSelectedMenuItem(item);
	}
}

Output

You can see online Demo here

Posted in ZK Framework | No comments

ZK Dynamic Menu Part 4

Posted on 05:40 by Unknown

In Part 3, we have seen how to create left navigation menu using ZK Group Box and ZK Tool bar button dynamically. Using the same data set, We can also create two level menu in the top using Tab box and Tool bar as like this ZK Demo.

MenuItem.java

package com.example.menu;

import java.util.ArrayList;
import java.util.List;

public class MenuItem {
	private String name;
	private List<MenuItem> children;
	private int level;

	public MenuItem(String name,int level) {
		this.name = name;
		this.level = level;
		children = new ArrayList<MenuItem>();
	}
	
	public void addChild(MenuItem node) {
		children.add(node);
	}

	public void appendChild(MenuItem child) {
		if (children == null)
			children = new ArrayList<MenuItem>();
		children.add(child);
	}
	
	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public List<MenuItem> getChildren() {
		return children;
	}

	public void setChildren(List<MenuItem> children) {
		this.children = children;
	}

	public int getLevel() {
		return level;
	}

	public void setLevel(int level) {
		this.level = level;
	}

}

MenuItemData.java

package com.example.menu;

import java.util.ArrayList;
import java.util.List;

public class MenuItemData {

	private static List<MenuItem> menus = new ArrayList<MenuItem>();
	static {

 		MenuItem m1_Lv1 = new MenuItem("ZK SpreadSheet",1);
		MenuItem m1_Lv2 = new MenuItem("3D Cell",2);
		m1_Lv1.addChild(m1_Lv2);
		m1_Lv2 = new MenuItem("Freeze rows",2);
		m1_Lv1.addChild(m1_Lv2);
		m1_Lv2 = new MenuItem("Ranged Cells",2);
		m1_Lv1.addChild(m1_Lv2);
		menus.add(m1_Lv1);

		m1_Lv1 = new MenuItem("ZK Pivottable",1);
		m1_Lv2 = new MenuItem("Drill Down",2);
		m1_Lv1.addChild(m1_Lv2);
		m1_Lv2 = new MenuItem("Render",2);
		m1_Lv1.addChild(m1_Lv2);
		m1_Lv2 = new MenuItem("Paging",2);
		m1_Lv1.addChild(m1_Lv2);
		menus.add(m1_Lv1);

		m1_Lv1 = new MenuItem("ZK Calender",1);
		m1_Lv2 = new MenuItem("Views",2);
		m1_Lv1.addChild(m1_Lv2);
		m1_Lv2 = new MenuItem("Drag and Drop",2);
		m1_Lv1.addChild(m1_Lv2);
		m1_Lv2 = new MenuItem("Time Zones",2);
		m1_Lv1.addChild(m1_Lv2);
		menus.add(m1_Lv1);

		m1_Lv1 = new MenuItem("ZK Spring",1);
		m1_Lv2 = new MenuItem("HTTP Request",2);
		m1_Lv1.addChild(m1_Lv2);
		m1_Lv2 = new MenuItem("HTTP Basic",2);
		m1_Lv1.addChild(m1_Lv2);
		m1_Lv2 = new MenuItem("MD4 Password",2);
		m1_Lv1.addChild(m1_Lv2);
		menus.add(m1_Lv1);
		
	}

	public static List<MenuItem> getAllMenus() {
		return new ArrayList<MenuItem>(menus);
	}

}

index.zul

<div apply="org.zkoss.bind.BindComposer" width="600px"
	viewModel="@id('vm') @init('com.example.menu.TabBoxVM')">
	<tabbox>
		<tabs children="@load(vm.menuItems)">
			<template name="children" var="item">
				<tab label="@load(item.name)" />
			</template>
		</tabs>
		<tabpanels children="@load(vm.menuItems)">
			<template name="children" var="item">
				<tabpanel height="200px">
					<toolbarbutton label="${each.name}"
						forEach="${item.children}" />
				</tabpanel>
			</template>
		</tabpanels>
	</tabbox>

</div>

package com.example.menu;

import java.util.List;

public class TabBoxVM {
	 
	private List<MenuItem> menuItems;

	public List<MenuItem> getMenuItems() {
		return menuItems;
	}

	public void setMenuItems(List<MenuItem> menuItems) {
		this.menuItems = menuItems;
	}

	public TabBoxVM() {
		menuItems = MenuItemData.getAllMenus();
		
	}
}

Output

You can see online Demo here

Posted in ZK Framework | No comments

Sunday, 15 September 2013

ZK Dynamic Menu Part 3

Posted on 18:46 by Unknown

In Part 2, we have seen how to Fill tree component dynamically. In this post, how we can create left navigation menu using ZK Group Box and ZK Tool bar button dynamically.
MenuItem.java

package com.example.menu;

import java.util.ArrayList;
import java.util.List;

public class MenuItem {
	private String name;
	private List<MenuItem> children;
	private int level;

	public MenuItem(String name,int level) {
		this.name = name;
		this.level = level;
		children = new ArrayList<MenuItem>();
	}
	
	public void addChild(MenuItem node) {
		children.add(node);
	}

	public void appendChild(MenuItem child) {
		if (children == null)
			children = new ArrayList<MenuItem>();
		children.add(child);
	}
	
	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public List<MenuItem> getChildren() {
		return children;
	}

	public void setChildren(List<MenuItem> children) {
		this.children = children;
	}

	public int getLevel() {
		return level;
	}

	public void setLevel(int level) {
		this.level = level;
	}

}

MenuItemData.java

package com.example.menu;

import java.util.ArrayList;
import java.util.List;

public class MenuItemData {

	private static List<MenuItem> menus = new ArrayList<MenuItem>();
	static {

 		MenuItem m1_Lv1 = new MenuItem("ZK SpreadSheet",1);
		MenuItem m1_Lv2 = new MenuItem("3D Cell",2);
		m1_Lv1.addChild(m1_Lv2);
		m1_Lv2 = new MenuItem("Freeze rows",2);
		m1_Lv1.addChild(m1_Lv2);
		m1_Lv2 = new MenuItem("Ranged Cells",2);
		m1_Lv1.addChild(m1_Lv2);
		menus.add(m1_Lv1);

		m1_Lv1 = new MenuItem("ZK Pivottable",1);
		m1_Lv2 = new MenuItem("Drill Down",2);
		m1_Lv1.addChild(m1_Lv2);
		m1_Lv2 = new MenuItem("Render",2);
		m1_Lv1.addChild(m1_Lv2);
		m1_Lv2 = new MenuItem("Paging",2);
		m1_Lv1.addChild(m1_Lv2);
		menus.add(m1_Lv1);

		m1_Lv1 = new MenuItem("ZK Calender",1);
		m1_Lv2 = new MenuItem("Views",2);
		m1_Lv1.addChild(m1_Lv2);
		m1_Lv2 = new MenuItem("Drag and Drop",2);
		m1_Lv1.addChild(m1_Lv2);
		m1_Lv2 = new MenuItem("Time Zones",2);
		m1_Lv1.addChild(m1_Lv2);
		menus.add(m1_Lv1);

		m1_Lv1 = new MenuItem("ZK Spring",1);
		m1_Lv2 = new MenuItem("HTTP Request",2);
		m1_Lv1.addChild(m1_Lv2);
		m1_Lv2 = new MenuItem("HTTP Basic",2);
		m1_Lv1.addChild(m1_Lv2);
		m1_Lv2 = new MenuItem("MD4 Password",2);
		m1_Lv1.addChild(m1_Lv2);
		menus.add(m1_Lv1);
		
	}

	public static List<MenuItem> getAllMenus() {
		return new ArrayList<MenuItem>(menus);
	}

}

index.zul

<zk>
	<style>
		.leftnav .z-groupbox-3d-hm { background-image: none;
		background-color: #0A246A !important; }

		.leftnav .z-groupbox-3d-header .z-caption { color: yellow;
		font-weight: bold;; } .leftnav .z-groupbox-3d-cnt {
		background-image: none; background-color: #EAECF0 !important; }
	</style>
	<window border="normal" title="Menu" width="200px"
		apply="org.zkoss.bind.BindComposer"
		viewModel="@id('vm') @init('com.example.menu.GroupBoxVM')">
		<vlayout vflex="min" children="@load(vm.menuItems)">
			<template name="children" var="item">
				<groupbox width="250px" mold="3d" sclass="leftnav">
					<caption label="@load(item.name)" />
					<vbox>
						<toolbarbutton label="${each.name}" 
							forEach="${item.children}" />
					</vbox>
				</groupbox>
			</template>
		</vlayout>
	</window>
</zk>

GroupBoxVM

package com.example.menu;

import java.util.List;

public class GroupBoxVM {
	 
	private List<MenuItem> menuItems;

	public List<MenuItem> getMenuItems() {
		return menuItems;
	}

	public void setMenuItems(List<MenuItem> menuItems) {
		this.menuItems = menuItems;
	}

	public GroupBoxVM() {
		menuItems = MenuItemData.getAllMenus();
		
	}
}

Output:

You can see online Demo here

Posted in ZK Framework | No comments

ZK Dynamic Menu Part 2

Posted on 18:02 by Unknown

In the last article, we have seen how we can dynamically create Menu using Menu component. In this post, we will see how we can create Dynamic tree using the same class.

MenuItem.java

package com.example.menu;

import java.util.ArrayList;
import java.util.List;

public class MenuItem {
	private String name;
	private List<MenuItem> children;
	private int level;

	public MenuItem(String name,int level) {
		this.name = name;
		this.level = level;
		children = new ArrayList<MenuItem>();
	}
	
	public void addChild(MenuItem node) {
		children.add(node);
	}

	public void appendChild(MenuItem child) {
		if (children == null)
			children = new ArrayList<MenuItem>();
		children.add(child);
	}
	
	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public List<MenuItem> getChildren() {
		return children;
	}

	public void setChildren(List<MenuItem> children) {
		this.children = children;
	}

	public int getLevel() {
		return level;
	}

	public void setLevel(int level) {
		this.level = level;
	}

}

MenuItemData.java

package com.example.menu;

import java.util.ArrayList;
import java.util.List;

public class MenuItemData {

	private static List<MenuItem> menus = new ArrayList<MenuItem>();
	static {

		MenuItem m1 = new MenuItem("Administration",1);
		MenuItem m1_lv1 = new MenuItem("Security",2);
		MenuItem m1_Lv2 = new MenuItem("Accounts",3);

		MenuItem m1_Lv3 = new MenuItem("User",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Role",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("User Rights",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Role Rights",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("Regional",3);
		m1_Lv3 = new MenuItem("Clock",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Language",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Keyboard",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("Devices",3);
		m1_Lv3 = new MenuItem("Printer",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Projector",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Mouse",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1.addChild(m1_lv1);

		/***************************************************/
		m1_lv1 = new MenuItem("Network",2);
		m1_Lv2 = new MenuItem("Wireless",3);
		m1_Lv3 = new MenuItem("Connection 1",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Connection 2",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("Adapter",3);
		m1_Lv3 = new MenuItem("Local Area Connection",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Virtual Box Network",4);
		m1_Lv2.addChild(m1_Lv3);

		m1_lv1.addChild(m1_Lv2);

		m1.addChild(m1_lv1);

		/***************************************************/
		m1_lv1 = new MenuItem("My Computer",2);
		m1_Lv2 = new MenuItem("Drives",3);
		m1_Lv3 = new MenuItem("C Drive",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("D Drive",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("E Drive",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("Favorites",3);
		m1_Lv3 = new MenuItem("Desktop",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Downloads",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Recent Places",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Google Drive",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);
		m1.addChild(m1_lv1);
		menus.add(m1);

		/************************************************************************/
		m1 = new MenuItem("ZK",1);
		m1_lv1 = new MenuItem("Products",2);
		m1_Lv2 = new MenuItem("ZK SpreadSheet",3);

		m1_Lv3 = new MenuItem("3D Cell",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Freeze rows",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Ranged Cells",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("ZK Pivottable",3);
		m1_Lv3 = new MenuItem("Drill Down",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Render",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Paging",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("ZK Calender",3);
		m1_Lv3 = new MenuItem("Views",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Drag and Drop",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Time Zones",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("ZK Spring",3);
		m1_Lv3 = new MenuItem("HTTP Request",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("HTTP Basic",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("MD4 Password",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);
		
		m1.addChild(m1_lv1);

		/***************************************************/
		m1_lv1 = new MenuItem("ZK Demo",2);
		m1_Lv2 = new MenuItem("Grid",3);
		m1_Lv3 = new MenuItem("Master Detail",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Data Binding",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Dynamic Data",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Data Filter",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("ListBox",3);
		m1_Lv3 = new MenuItem("Dual ListBox",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Paging",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Auto Sort",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("List Group",4);
		m1_Lv2.addChild(m1_Lv3);
		
		m1_Lv2 = new MenuItem("Effects",3);
		m1_Lv3 = new MenuItem("jQuery Effects",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Upload Effect",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Login Effect",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Display Action",4);
		m1_Lv2.addChild(m1_Lv3);

		
		m1_Lv2 = new MenuItem("Layout",3);
		m1_Lv3 = new MenuItem("Portal Layout",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Complex Border Layout",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Group Box",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Boxes",4);
		m1_Lv2.addChild(m1_Lv3);
		
		
		m1_lv1.addChild(m1_Lv2);

		m1.addChild(m1_lv1);

		/***************************************************/
		m1_lv1 = new MenuItem("ZK Support",2);
		m1_Lv2 = new MenuItem("Documentation",3);
		m1_Lv3 = new MenuItem("Spread Sheet",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("ZK Calender",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("ZK Studio",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("Downloads",3);
		m1_Lv3 = new MenuItem("ZK Spring",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("ZK JSP",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);
		m1.addChild(m1_lv1);

		menus.add(m1);
		m1 = new MenuItem("Eclipse",1);
		menus.add(m1);
		m1_lv1 = new MenuItem("File",2);
		m1_Lv2 = new MenuItem("Project",3);

		m1_Lv3 = new MenuItem("New Maven",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("New JPA",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("New JEE",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);
		m1.addChild(m1_lv1);
	}

	public static List<MenuItem> getAllMenus() {
		return new ArrayList<MenuItem>(menus);
	}

}

MyTreeModel.java

package com.example.menu;

import org.zkoss.zul.AbstractTreeModel;
import org.zkoss.zul.ext.Selectable;

public class MyTreeModel extends AbstractTreeModel<Object> implements Selectable<Object>{

	private static final long serialVersionUID = 1L;
	private MenuItem _root;

	public MyTreeModel(Object root) {
		// set the root
		super(root);
		_root = (MenuItem) root;
		 
	}
	@Override
	public boolean isLeaf(Object node) {
		return ((MenuItem) node).getChildren().size() == 0; // at most 4 levels
	}

	@Override
	public Object getChild(Object parent, int index) {
		return ((MenuItem) parent).getChildren().get(index);
	}

	@Override
	public int getChildCount(Object parent) {
		return ((MenuItem) parent).getChildren().size();  
	}

 
	public boolean isMutiple()
	{
		return true;
	}
}

index.zul

<?page title="new page title" contentType="text/html;charset=UTF-8"?>
<zk>
	<window id="mainmenubar" apply="org.zkoss.bind.BindComposer"
		border="none" onCreate="@command('onFulfill')"
		viewModel="@id('vm') @init('com.example.menu.TreeMenuVM')">
		<tree model="@bind(vm.model)" id="mytree"
			zclass="z-filetree" rows="22"  
			height="auto"  >
			<template name="model" var="node" status="s">
				<treeitem open="true">
					<treerow>
						<treecell label="@bind(node.name)" />
					</treerow>
				</treeitem>
			</template>
		</tree>
	</window>
</zk>

TreeMenuVM.java

package com.example.menu;

import java.util.Collection;
import java.util.Iterator;
import java.util.List;

import org.zkoss.bind.annotation.AfterCompose;
import org.zkoss.bind.annotation.Command;
import org.zkoss.bind.annotation.ContextParam;
import org.zkoss.bind.annotation.ContextType;
import org.zkoss.zk.ui.Component;
import org.zkoss.zk.ui.select.Selectors;
import org.zkoss.zk.ui.select.annotation.Wire;
import org.zkoss.zul.Tree;
import org.zkoss.zul.TreeModel;
import org.zkoss.zul.Treeitem;

public class TreeMenuVM {

	@Wire("#mytree")
	private Tree mytree;

	TreeModel _model;
	private List<MenuItem> allMenus;

	public TreeModel getModel() {
		if (_model == null) {
			MyTreeModel a = new MyTreeModel(getRoot());
			a.setMultiple(true);
			_model = a;
		}
		return _model;
	}

	@AfterCompose
	public void initSetup(@ContextParam(ContextType.VIEW) Component view) {
		Selectors.wireComponents(view, this, false);
		mytree.setFocus(true);
	}

	public MenuItem getRoot() {
		MenuItem superRoot = new MenuItem("Menu", 0);
		MenuItem root = new MenuItem("Menu", 0);
		allMenus = MenuItemData.getAllMenus();
		MenuItem m1 = allMenus.get(0);
		MenuItem m2 = allMenus.get(1);
		MenuItem m3 = allMenus.get(2);
		superRoot.addChild(root);
		root.addChild(m1);
		root.addChild(m2);
		root.addChild(m3);
		return superRoot;
	}

	@Command
	public void onFulfill() {
		doCollapseExpandAll(mytree, true);
	}

	public static void doCollapseExpandAll(Component component,
			boolean aufklappen) {
		if (component instanceof Treeitem) {
			Treeitem treeitem = (Treeitem) component;
			treeitem.setOpen(aufklappen);
		}
		Collection<?> com = component.getChildren();
		if (com != null) {
			for (Iterator<?> iterator = com.iterator(); iterator.hasNext();) {
				doCollapseExpandAll((Component) iterator.next(), aufklappen);

			}
		}
	}

}

Output:

You can see online Demo here

Posted in ZK Framework | No comments

Friday, 13 September 2013

ZK Dynamic Menu Part 1

Posted on 22:12 by Unknown

In most of the application, Menu are build up from the database and maintain user level screen access to control access. Now let us see how we can create dynamic menu using different ZK Components. In this part, we will see how we can use ZK Menu component to build up.

Assume that, our application menu has the following structure(Just for an example)
1.Administration
    Secuirty
             Accounts
                      User
                      Role
                      User Rights
                      Role Rights
            Regional
                     Clock
                     Language
                     Keyboard
            Devices
                    Printer
                    Projector
                    Mouse
    Network
             Wireless
                  Connection 1
                  Connection 2
        Adapter
                 Local Area Connection
                 Virtual Box Network
        Internet Optons
               General
               Programs
               Content
               Privacy
    My Computer
        Drives
               C Drive
                D Drive
                E Drive
        Favorites
            Desktop
            Downloads
            Recent Places
            Google Drive

2. ZK
     Products
    ZK SpreadSheet
        3D Cell
        Freeze rows
        Ranged Cells
    ZK Pivottable
        Drill Down
        Render
        Paging
    ZK Calender
        Views
        Drag and Drop
        Time Zones
    ZK Spring
        HTTP Request
        HTTP Basic
        MD4 Password
        Web Flow
     ZK Demo
    Grid
        Master Detail
        Data Binding
        Dynamic Data
        Data Filter
    ListBox
        Dual ListBox
        Paging
        Auto Sort
        List Group
    Effects
        jQuery Effects
        Upload Effect
        Login Effect
        Display Action
    Layout
        Portal Layout
        Complex Border Layout
        Group Box
        Boxes
      ZK Support
    Documentation
        Spread Sheet
        ZK Studio
        ZK Calender
    Downloads
        ZK Spring
        ZK JSP

3.Eclipse
    File
        Project
            New Maven
            New JPA
            New JEE
    Window
        Perspective

You can see, we have 4 Level Menu Structure

Let us start our coding part.

MenuItem.java

package com.example.menu;

import java.util.ArrayList;
import java.util.List;

public class MenuItem {
	private String name;
	private List<MenuItem> children;
	private int level;

	public MenuItem(String name,int level) {
		this.name = name;
		this.level = level;
		children = new ArrayList<MenuItem>();
	}
	
	public void addChild(MenuItem node) {
		children.add(node);
	}

	public void appendChild(MenuItem child) {
		if (children == null)
			children = new ArrayList<MenuItem>();
		children.add(child);
	}
	
	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public List<MenuItem> getChildren() {
		return children;
	}

	public void setChildren(List<MenuItem> children) {
		this.children = children;
	}

	public int getLevel() {
		return level;
	}

	public void setLevel(int level) {
		this.level = level;
	}

}

MenuItemData.java

package com.example.menu;

import java.util.ArrayList;
import java.util.List;

public class MenuItemData {

	private static List<MenuItem> menus = new ArrayList<MenuItem>();
	static {

		MenuItem m1 = new MenuItem("Administration",1);
		MenuItem m1_lv1 = new MenuItem("Security",2);
		MenuItem m1_Lv2 = new MenuItem("Accounts",3);

		MenuItem m1_Lv3 = new MenuItem("User",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Role",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("User Rights",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Role Rights",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("Regional",3);
		m1_Lv3 = new MenuItem("Clock",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Language",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Keyboard",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("Devices",3);
		m1_Lv3 = new MenuItem("Printer",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Projector",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Mouse",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1.addChild(m1_lv1);

		/***************************************************/
		m1_lv1 = new MenuItem("Network",2);
		m1_Lv2 = new MenuItem("Wireless",3);
		m1_Lv3 = new MenuItem("Connection 1",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Connection 2",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("Adapter",3);
		m1_Lv3 = new MenuItem("Local Area Connection",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Virtual Box Network",4);
		m1_Lv2.addChild(m1_Lv3);

		m1_lv1.addChild(m1_Lv2);

		m1.addChild(m1_lv1);

		/***************************************************/
		m1_lv1 = new MenuItem("My Computer",2);
		m1_Lv2 = new MenuItem("Drives",3);
		m1_Lv3 = new MenuItem("C Drive",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("D Drive",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("E Drive",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("Favorites",3);
		m1_Lv3 = new MenuItem("Desktop",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Downloads",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Recent Places",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Google Drive",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);
		m1.addChild(m1_lv1);
		menus.add(m1);

		/************************************************************************/
		m1 = new MenuItem("ZK",1);
		m1_lv1 = new MenuItem("Products",2);
		m1_Lv2 = new MenuItem("ZK SpreadSheet",3);

		m1_Lv3 = new MenuItem("3D Cell",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Freeze rows",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Ranged Cells",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("ZK Pivottable",3);
		m1_Lv3 = new MenuItem("Drill Down",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Render",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Paging",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("ZK Calender",3);
		m1_Lv3 = new MenuItem("Views",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Drag and Drop",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Time Zones",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("ZK Spring",3);
		m1_Lv3 = new MenuItem("HTTP Request",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("HTTP Basic",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("MD4 Password",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);
		
		m1.addChild(m1_lv1);

		/***************************************************/
		m1_lv1 = new MenuItem("ZK Demo",2);
		m1_Lv2 = new MenuItem("Grid",3);
		m1_Lv3 = new MenuItem("Master Detail",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Data Binding",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Dynamic Data",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Data Filter",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("ListBox",3);
		m1_Lv3 = new MenuItem("Dual ListBox",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Paging",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Auto Sort",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("List Group",4);
		m1_Lv2.addChild(m1_Lv3);
		
		m1_Lv2 = new MenuItem("Effects",3);
		m1_Lv3 = new MenuItem("jQuery Effects",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Upload Effect",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Login Effect",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Display Action",4);
		m1_Lv2.addChild(m1_Lv3);

		
		m1_Lv2 = new MenuItem("Layout",3);
		m1_Lv3 = new MenuItem("Portal Layout",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Complex Border Layout",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Group Box",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("Boxes",4);
		m1_Lv2.addChild(m1_Lv3);
		
		
		m1_lv1.addChild(m1_Lv2);

		m1.addChild(m1_lv1);

		/***************************************************/
		m1_lv1 = new MenuItem("ZK Support",2);
		m1_Lv2 = new MenuItem("Documentation",3);
		m1_Lv3 = new MenuItem("Spread Sheet",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("ZK Calender",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("ZK Studio",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);

		m1_Lv2 = new MenuItem("Downloads",3);
		m1_Lv3 = new MenuItem("ZK Spring",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("ZK JSP",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);
		m1.addChild(m1_lv1);

		menus.add(m1);
		m1 = new MenuItem("Eclipse",1);
		menus.add(m1);
		m1_lv1 = new MenuItem("File",2);
		m1_Lv2 = new MenuItem("Project",3);

		m1_Lv3 = new MenuItem("New Maven",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("New JPA",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_Lv3 = new MenuItem("New JEE",4);
		m1_Lv2.addChild(m1_Lv3);
		m1_lv1.addChild(m1_Lv2);
		m1.addChild(m1_lv1);
	}

	public static List<MenuItem> getAllMenus() {
		return new ArrayList<MenuItem>(menus);
	}

}

index.zul

<?page title="" contentType="text/html;charset=UTF-8"?>
<zk>
	<window id="mainmenubar" apply="org.zkoss.bind.BindComposer"
		border="none"
		viewModel="@id('vm') @init('com.example.menu.MenuBarVM')">
		<menubar id="mbar" top="0px" left="0px" sclass="mymenubar"
			autodrop="true"
			children="@bind(vm.nodes) @template(empty each.children?'menuitem':'menu')">
			<template name="menu" var="menu">
				<menu label="@bind(menu.name)">
					<menupopup sclass="mymenupopup"
						children="@bind(menu.children) @template(empty each.children?'menuitem':'menu')" />
				</menu>
			</template>
			<template name="menuitem" var="item">
				<menuitem label="@bind(item.name)"
					onClick="@command('menuClicked',menuitem=item)" />
			</template>
		</menubar>
	</window>
</zk>

package com.example.menu;

import java.util.ArrayList;
import java.util.List;

public class MenuBarVM {

	private List<MenuItem> nodes;

	public List<MenuItem> getNodes() {
		return nodes;
	}

	public void setNodes(List<MenuItem> nodes) {
		this.nodes = nodes;
	}

	public MenuBarVM() {
		nodes = new ArrayList<MenuItem>();
		nodes = MenuItemData.getAllMenus();
	}
}

Output

You can see online Demo here

Posted in ZK Framework | No comments

Thursday, 22 August 2013

ZK Example for inline Editing with Add New and Delete

Posted on 08:35 by Unknown

I am quite impressed on this demo from ZK. But adding new record and delete existing record is missing as part of typical CRUD. So i thought that we can add that and see how it works. So here is the example on that

ZK Version : 6.5.2

Book.java

package demo.grid.inline_editing;

public class Book {
	private String author, title ;
	private boolean editingStatus;

	public Book(String author, String title, boolean editingStatus) {
		this.author = author;
		this.title = title;
		this.editingStatus = editingStatus;

	}

	public String getAuthor() {
		return author;
	}

	public void setAuthor(String author) {
		this.author = author;
	}

	public String getTitle() {
		return title;
	}

	public void setTitle(String title) {
		this.title = title;
	}

 
	public boolean getEditingStatus() {
		return editingStatus;
	}

	public void setEditingStatus(boolean editingStatus) {
		this.editingStatus = editingStatus;
	}

}

BookData.java

package demo.grid.inline_editing;

import java.util.ArrayList;
import java.util.List;

public class BookData {
	 
	private final List<Book> allBooks = new ArrayList<Book>();

	public BookData(){
		allBooks.add(new Book("Philip Hensher", "The Fit",false ));
		allBooks.add(new Book("Philip Hensher", "Kitchen Venom",false));
		allBooks.add(new Book("Michael Greenberg", "Hurry Down Sunshine",false));
		allBooks.add(new Book("Michael Greenberg", "Painless Vocabulary",false));
		allBooks.add(new Book("Rick Perlstein", "Nixonland: The Rise of a President and the Fracturing",false));
		allBooks.add(new Book("Rick Perlstein", "Nixonland",false));
	}
	
	public List<Book> getAllBooks() {
		return allBooks;
	}

}

Zul File

<zk>
	<style>
		.z-label { display:block; } tr.z-row td.z-row-inner { padding:
		2px 5px; } .z-row-cnt, .z-column-cnt { text-align: center; }

	</style>
	<div apply="org.zkoss.bind.BindComposer"
		viewModel="@id('vm') @init('demo.grid.inline_editing.InlineEditingViewModel')">
		<separator></separator>
		<separator></separator>
		<button onClick="@command('onAddNew')" label="Add New" />
		<separator></separator>
		<grid id="demoGrid"
			model="@load(vm.allBooks) @template((vm.displayEdit and each.editingStatus) ? 'editable' : 'noneditable')">
			<columns>
				<column width="350px">Title</column>
				<column width="650px">Author</column>
				<column width="120px" visible="@load(vm.displayEdit)">
					Edit
				</column>
				<column width="120px" visible="@load(vm.displayEdit)">
					Delete
				</column>
			</columns>
			<template name="editable">
				<row>
					<textbox cols="60" id="titletext"
						value="@load(each.title) @save(each.title, before='confirm')" />
					<textbox
						value="@load(each.author) @save(each.author, before='confirm')" />

					<div>
						<button image="pencil-small.png"
							onClick="@command('confirm', currentBook=each)" />
						<button image="cross-small.png"
							onClick="@command('changeEditableStatus', currentBook=each )" />
					</div>
				</row>
			</template>
			<template name="noneditable">
				<row>
					<label value="@load(each.title)" />
					<label value="@load(each.author)" />
					<button image="pencil-small.png"
						onClick="@command('changeEditableStatus', currentBook=each )" />
					<button image="DeleteRecord.png"
						onClick="@command('onDelete', currentBook=each )" />
				</row>
			</template>
		</grid>
	</div>
</zk>

View Model

package demo.grid.inline_editing;

import java.util.List;

import org.zkoss.bind.BindUtils;
import org.zkoss.bind.annotation.BindingParam;
import org.zkoss.bind.annotation.Command;
import org.zkoss.bind.annotation.NotifyChange;
import org.zkoss.zhtml.Messagebox;

public class InlineEditingViewModel {

	private BookData data = new BookData();

	private boolean displayEdit = true;
	private boolean isAddNew = false;

	public boolean isDisplayEdit() {
		return displayEdit;
	}

	@NotifyChange({ "allBooks", "displayEdit" })
	public void setDisplayEdit(boolean displayEdit) {
		this.displayEdit = displayEdit;
	}

	public List<Book> getAllBooks() {
		return data.getAllBooks();
	}

	@Command
	public void changeEditableStatus(@BindingParam("currentBook") Book book) {
		if (isAddNew == true) {
			data.getAllBooks().remove(book);
			isAddNew = false;
		} else
			book.setEditingStatus(!book.getEditingStatus());
		refreshRowTemplate(book);

	}

	@Command
	public void confirm(@BindingParam("currentBook") Book book) {
		if (isAddNew == true) {
			if (book.getAuthor().equalsIgnoreCase("")
					|| book.getTitle().equalsIgnoreCase("")) {
				Messagebox.show(" Please enter the values");
				return;
			} else
				isAddNew = false;
		}
		book.setEditingStatus(!book.getEditingStatus());
		refreshRowTemplate(book);
	}

	public void refreshRowTemplate(Book lcs) {
		/*
		 * This code is special and notifies ZK that the bean's value has
		 * changed as it is used in the template mechanism. This stops the
		 * entire Grid's data from being refreshed
		 */
		BindUtils.postNotifyChange(null, null, lcs, "editingStatus");
	}

	@Command
	@NotifyChange({ "allBooks", "displayEdit" })
	public void onAddNew() {
		data.getAllBooks().add(0, new Book("", "", true));
		isAddNew = true;
	}
	
	@Command
	@NotifyChange({ "allBooks", "displayEdit" })
	public void onDelete(@BindingParam("currentBook") Book book)
	{
		data.getAllBooks().remove(book);
	}
}

Output :

Video Demo
http://screencast.com/t/Lwe5GJkN3fQa

You can download the Source here

Posted in ZK Framework | No comments

Friday, 9 August 2013

ZK upload PDF to server and show in the screen using MVVM

Posted on 03:42 by Unknown

Simple example to upload PDF file in the server and show the content using iframe.

<zk>
	<window id="test" border="normal" height="98%"
		apply="org.zkoss.bind.BindComposer"
		viewModel="@id('vm') @init('org.zk.example.FileUploadVM')">
		<label value="You are using: ${desktop.webApp.version}" />
		<separator></separator>
		<label
			value="Example for File upload to the server and display it" />
		<separator></separator>
		<hbox>
			<label value="Upload any PDF File" />
			<button label="Upload" upload="true"
				onUpload="@command('onUploadPDF',upEvent=event)">
			</button>
			<button label="Show PDF" visible="@load(vm.fileuploaded)"
				onClick="@command('showPDF')">
			</button>
		</hbox>

		<iframe height="100%" width="100%" id="reportframe"
			content="@bind(vm.fileContent)">
		</iframe>
	</window>




</zk>

ViewModel

package org.zk.example;

import java.io.ByteArrayInputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.util.Calendar;

import org.zkoss.bind.BindContext;
import org.zkoss.bind.BindUtils;
import org.zkoss.bind.annotation.AfterCompose;
import org.zkoss.bind.annotation.Command;
import org.zkoss.bind.annotation.ContextParam;
import org.zkoss.bind.annotation.ContextType;
import org.zkoss.bind.annotation.NotifyChange;
import org.zkoss.io.Files;
import org.zkoss.util.media.AMedia;
import org.zkoss.util.media.Media;
import org.zkoss.zk.ui.Component;
import org.zkoss.zk.ui.Executions;
import org.zkoss.zk.ui.event.UploadEvent;
import org.zkoss.zk.ui.select.Selectors;
import org.zkoss.zk.ui.select.annotation.Wire;
import org.zkoss.zul.Iframe;
import org.zkoss.zul.Messagebox;
import org.zkoss.zul.Window;

public class FileUploadVM {

	private String filePath;
	private boolean fileuploaded = false;
	AMedia fileContent;

	@Wire("#test")
	private Window win;

	public AMedia getFileContent() {
		return fileContent;
	}

	public void setFileContent(AMedia fileContent) {
		this.fileContent = fileContent;
	}

	public boolean isFileuploaded() {
		return fileuploaded;
	}

	public void setFileuploaded(boolean fileuploaded) {
		this.fileuploaded = fileuploaded;
	}

	@AfterCompose
	public void initSetup(@ContextParam(ContextType.VIEW) Component view)
			  {
		Selectors.wireComponents(view, this, false);
	 
	}

	@Command
	@NotifyChange("fileuploaded")
	public void onUploadPDF(
			@ContextParam(ContextType.BIND_CONTEXT) BindContext ctx)
			throws IOException {

		UploadEvent upEvent = null;
		Object objUploadEvent = ctx.getTriggerEvent();
		if (objUploadEvent != null && (objUploadEvent instanceof UploadEvent)) {
			upEvent = (UploadEvent) objUploadEvent;
		}
		if (upEvent != null) {
			Media media = upEvent.getMedia();
			Calendar now = Calendar.getInstance();
			int year = now.get(Calendar.YEAR);
			int month = now.get(Calendar.MONTH); // Note: zero based!
			int day = now.get(Calendar.DAY_OF_MONTH);
			filePath = Executions.getCurrent().getDesktop().getWebApp()
					.getRealPath("/");
			String yearPath = "\\" + "PDFs" + "\\" + year + "\\" + month + "\\"
					+ day + "\\";
			filePath = filePath + yearPath;
			File baseDir = new File(filePath);
			if (!baseDir.exists()) {
				baseDir.mkdirs();
			}

			Files.copy(new File(filePath + media.getName()),
					media.getStreamData());
			Messagebox.show("File Sucessfully uploaded in the path [ ."
					+ filePath + " ]");
			fileuploaded = true;
			filePath = filePath + media.getName();
		}
	}

	@Command
	@NotifyChange("fileContent")
	public void showPDF() throws IOException {
		File f = new File(filePath);
		Messagebox.show(" dfdfdfdsfdsf" + filePath);
		byte[] buffer = new byte[(int) f.length()];
		FileInputStream fs = new FileInputStream(f);
		fs.read(buffer);
		fs.close();
		ByteArrayInputStream is = new ByteArrayInputStream(buffer);
		fileContent = new AMedia("report", "pdf", "application/pdf", is);
		 
		 

	}
}

Posted in Today Tech Stuff, ZK Framework | No comments

Wednesday, 7 August 2013

ZK Quick InputBox

Posted on 19:55 by Unknown

Just to get String input before do some process. For example, we will normally ask the reason to delete any record.

<?xml version="1.0" encoding="UTF-8"?>
<zk>
	<window id="inputstringbox" title="@load(vm.screenTitle)"
		width="auto" height="auto" border="normal" minimizable="false"
		sclass="mymodal" mode="modal" maximizable="false" closable="true"
		action="hide: slideUp" apply="org.zkoss.bind.BindComposer"
		onCancel="@command('closeThis')"
		viewModel="@id('vm') @init('com.product.webapp.component.InputStringBoxVM')">
		<ftextbox id="txtDescription" rows="4" cols="70"
			value="@bind(vm.input)" />
		<separator />
		<div align="center">
			<fbutton label="Ok" onClick="@command('onOk')" />
			<fbutton label="Cancel" onClick="@command('closeThis')" />
		</div>
	</window>
</zk>

package com.product.webapp.component;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import org.zkoss.bind.BindUtils;
import org.zkoss.bind.annotation.AfterCompose;
import org.zkoss.bind.annotation.Command;
import org.zkoss.bind.annotation.ContextParam;
import org.zkoss.bind.annotation.ContextType;
import org.zkoss.bind.annotation.ExecutionArgParam;
import org.zkoss.zk.ui.Component;
import org.zkoss.zk.ui.select.Selectors;
import org.zkoss.zk.ui.select.annotation.Wire;
import org.zkoss.zul.Window;

import com.product.webapp.utilities.GlobalCommandValues;
import com.product.webapp.utilities.Libs;
import com.product.webapp.utilities.ShowWindow;
import com.product.webapp.utilities.ValidationMessage;

public class InputStringBoxVM {

	@Wire("#inputstringbox")
	private Window win;
	private String input;
	private String validateMessage;
	private String screenTitle;

	public String getInput() {
		return input;
	}

	public String getScreenTitle() {
		return screenTitle;
	}

	public void setScreenTitle(String screenTitle) {
		this.screenTitle = screenTitle;
	}

	public String getValidateMessage() {
		return validateMessage;
	}

	public void setValidateMessage(String validateMessage) {
		this.validateMessage = validateMessage;
	}

	public void setInput(String input) {
		this.input = input;
	}

	@AfterCompose
	public void initSetup(@ContextParam(ContextType.VIEW) Component view,
			@ExecutionArgParam("validateMessage") String validateMessage,
			@ExecutionArgParam("screenTitle") String screenTitle) {
		Selectors.wireComponents(view, this, false);
		this.validateMessage = validateMessage;
		this.screenTitle = screenTitle;
	}

	@SuppressWarnings({ "unchecked", "rawtypes" })
	@Command
	public void onOk() {
		if (IsValidEntry() == false) {
			return;
		} else {
			Map args = new HashMap();
			args.put("input", this.input);
			BindUtils.postGlobalCommand(null, null,
					GlobalCommandValues.InputStringEntered, args);
			win.detach();
		}
	}

	public boolean IsValidEntry() {

		List<ValidationMessage> vList = new ArrayList<ValidationMessage>();

		if (Libs.isNotEmpty(this.input) == false) {
			vList.add(new ValidationMessage(this.validateMessage));
		}

		if (vList.size() > 0) {
			ShowWindow.ShowValidation(vList);
			return false;
		} else
			return true;
	}

	@Command
	public void closeThis() {
		win.detach();
	}
}

public static void showInputBox(String title, String validateMessage,
			Window callingFrom) {
		final HashMap<String, Object> map = new HashMap<String, Object>();
		map.put("screenTitle", title);
		map.put("validateMessage", validateMessage);
		if (callingFrom.hasFellow("inputstringbox") == false) {
			Executions.createComponents("/ZK/components/inputstringbox.zul",
					null, map);
		}
	}

@Command
	public void onResetPassword() {
		ShowWindow.showInputBox("Reason",
				"Pleas Enter the reason to reset the password.", win);
	}

	@GlobalCommand(GlobalCommandValues.InputStringEntered)
	public void resetPassword() {
		// do something here
	}

Posted in Today Tech Stuff, zk, ZK Framework | No comments

Thursday, 16 August 2012

ZK Examples Index Page

Posted on 03:49 by Unknown

ZK File Upload	Simple example to upload PDF file in the server and show the content using iframe - MVVM
ZK Tab box	Load Tab box Content on Demand Using MVVM (Onselect Event)
ZK Grid	ZK Grid inline Editing with Add New and Delete action
ZK List box	ZK List box inline Editing with Add New and Delete action
ZK Upload	ZK Dropupload example
ZK Report	Create a Report with ZK using iReport 5.1.0 and JasperReports
ZK Menu	ZK Dynamic Menu Part 1	Demo
ZK Tree	ZK Dynamic Menu Part 2 Using Tree Component	Demo
ZK Group Box	ZK Dynamic Menu Part 3 Using Group Box and Tool Bar Button	Demo
ZK Tab Box	ZK Dynamic Menu Part 4 Using Tab box and Tool Bar Button	Demo
ZK Menu	ZK Dynamic Menu Part 5 Using Tab Box, Tool Bar and Group Box	Demo
ZK Tree	ZK Dynamic Menu Part 3 Using Group Box and Tool Bar Button	Demo
ZK ListBox	Move List box item up and Down using MVVM Design Pattern
ZK ListBox	List Item Double click event on selected Item using MVVM
ZK Combo	MVC Two combo Box – Fill second combo based on first combo selection
ZK Validation	Simple Example for ZK Input Form Validation
ZK MVC	Listing Search using MVC Pattern	Demo
ZK MVC Passing arguments	Part 1, This article will focus on the How to pass some arguments from one window(Parent) to modal window(Child) where child window does not have any controller attached.	Demo
ZK MVC Passing arguments	Part 2, This article will focus on the How to pass some arguments from one window(Parent) to modal window(Child) where child window attached to the controller and we will receive the arguments in the controller and display back to UI.	Demo
ZK MVC Passing arguments	Part 3, This article will focus on the How to pass some arguments from one window(Parent) to modal window(Child) where child window attached to the controller and we will receive the arguments in the controller and display back to UI. Same as Part 2, but we will use ZK ‘s annotated data binding manager utility.	Demo
ZK MVC Passing arguments	Part 4, This article will focus on the How to return values from the child window (Modal) to the Calling Parent Window using ZK Event Queues concept.	Demo
ZK MVC Passing arguments	Part 5, This article will focus on the How to return values from the child window (Modal) to the Calling Parent Window using ZK Send Event	Demo
ZK MVC Passing arguments	Example on Passing arguments in MVC	Demo
ZK MVVM Passing arguments	Part 1, This article will focus on the How to pass some arguments from one window(Parent) to modal window(Child) where child window does not have any VM attached.	Demo
ZK MVVM Passing arguments	Part 2, This article will focus on the How to pass some arguments from one window(Parent) to modal window(Child) where child window attached with VM and arguments are received in the VM and update the UI.	Demo
ZK MVVM Passing arguments	Part 3, This article will focus on the How to pass some arguments from one window(Parent) to modal window(Child) where child window attached with VM and arguments are received in the VM and update the UI. After child window is closed, we will return the value to the parent window.	Demo
ZK MVVM Passing arguments	Part 4, In this post, we will see how we can pass parameter between two zul files attached by MVVM using URL Redirect	Demo

ZK CSS

ZK Button	Stylish Button created using ZK Link component.	Demo
ZK Button	Part 2 Stylish Button created using ZK Link component.	Demo
ZK Button	Part 3 Stylish Button created using ZK Link component.	Demo
ZK Button	ZK Fancy Buttons	Demo
ZK TextBox	Small Search Box.	Demo
ZK TextBox	Big Search Box.	Demo
ZK TextBox	CSS3 Search Box.	Demo
ZK Login	Sample Login Form Design in ZK
ZK Grid	Customize ZK Grid CSS
ZK Tab Box	Tabbed Dialog Form - 2	Demo
ZK Tab Box	Tabbed Dialog Form - 1	Demo
ZK Tab Box	Navigation Menu
ZK Menu	ZK Vertical Menu
ZK Form	ZK Form Design CRUD Example
ZK Form	Search Screen Example
ZK Form	Multi Column Big Screen Design
ZK Search	ZK Search Box
ZK Button	ZK Button CSS Customization
ZK Window	ZK Modal Window CSS Customization
ZK ListBox	ZK Listbox CSS
ZK Panel	ZK Panel CSS Customization
ZK Messagebox	ZK Message box CSS
ZK ToolBar	ZK Tabbox with Tool Bar Button
CSS File	How to Refer External CSS File in ZUL
ZK Button	Button Collection
ZK Window	ZK Window CSS
ZK Group Box	Group Box with Collapse and Expand Button in the Right

ZK Small Application

ZK MVVM CRUD Example without DB Connection
Step by step tutorial on ZK MVVM CRUD Operation without any DB Connection. online Demo here

ZK MVVM With Spring + JPA + Hibernate Entity Manager
Step by step Tutorial on how to Integrate ZK With spring and JPA (Hibernate vendor)

ZK MVVM With Spring + Hibernate 4 API Direct
Step by step Tutorial on how to Integrate ZK With spring and Hibernate API

ZK MVC CRUD With Spring 3 + JPA + Hibernate 4 Entity Manager.
A simple CRUD Application based on JPA. Step by step Tutorial on how to create simple CRUD application using ZK as Presentation layer with Spring 3 and JPA (Hibernate vendor).

ZK + Spring Security Custom Login form.
Step by step Tutorial on how to integrate ZK and Spring security

ZK + Spring + MVVM + Hibernate - Small Application

Highlights
1. ZK Maven Project Steps
2. Spring Security integration with custom login form
3. Spring and Hibernate integration
4. Generic DAO and Service Layer
5. Theme customization by each user
6. jQuery integration with ZK Framework
7. Store Image in the Database
8. Validation using Hibernate Validator

Posted in ZK Framework | No comments

Requirement Constraints

Monday, 16 September 2013

ZK Dynamic Menu

ZK Dynamic Menu Part 5

ZK Dynamic Menu Part 4

Sunday, 15 September 2013

ZK Dynamic Menu Part 3

ZK Dynamic Menu Part 2

Friday, 13 September 2013

ZK Dynamic Menu Part 1

Thursday, 22 August 2013

ZK Example for inline Editing with Add New and Delete

Friday, 9 August 2013

ZK upload PDF to server and show in the screen using MVVM

Wednesday, 7 August 2013

ZK Quick InputBox

Thursday, 16 August 2012

ZK Examples Index Page

ZK MVVM With Spring + JPA + Hibernate Entity Manager
Step by step Tutorial on how to Integrate ZK With spring and JPA (Hibernate vendor)

ZK MVVM With Spring + Hibernate 4 API Direct
Step by step Tutorial on how to Integrate ZK With spring and Hibernate API

ZK MVC CRUD With Spring 3 + JPA + Hibernate 4 Entity Manager.
A simple CRUD Application based on JPA. Step by step Tutorial on how to create simple CRUD application using ZK as Presentation layer with Spring 3 and JPA (Hibernate vendor).

ZK + Spring Security Custom Login form.
Step by step Tutorial on how to integrate ZK and Spring security

Popular Posts

Categories

Blog Archive

About Me

ZK MVVM With Spring + JPA + Hibernate Entity ManagerStep by step Tutorial on how to Integrate ZK With spring and JPA (Hibernate vendor)

ZK MVVM With Spring + Hibernate 4 API DirectStep by step Tutorial on how to Integrate ZK With spring and Hibernate API

ZK MVC CRUD With Spring 3 + JPA + Hibernate 4 Entity Manager.A simple CRUD Application based on JPA. Step by step Tutorial on how to create simple CRUD application using ZK as Presentation layer with Spring 3 and JPA (Hibernate vendor).

ZK + Spring Security Custom Login form.Step by step Tutorial on how to integrate ZK and Spring security

ZK MVVM With Spring + JPA + Hibernate Entity Manager
Step by step Tutorial on how to Integrate ZK With spring and JPA (Hibernate vendor)

ZK MVVM With Spring + Hibernate 4 API Direct
Step by step Tutorial on how to Integrate ZK With spring and Hibernate API

ZK MVC CRUD With Spring 3 + JPA + Hibernate 4 Entity Manager.
A simple CRUD Application based on JPA. Step by step Tutorial on how to create simple CRUD application using ZK as Presentation layer with Spring 3 and JPA (Hibernate vendor).

ZK + Spring Security Custom Login form.
Step by step Tutorial on how to integrate ZK and Spring security