EDI Instructions

HIPAA Compliant Codes

All the Health care EDI Transaction set should use only the following HIPAA Compliant Codes

• Physicians Current Procedure Terminology (CPT)
• Health Care Financing Administration Common Procedural Coding System (HCPCS)
• International Classification of Diseases Clinical Mod (ICD-9-CM) Diseases
• Provider Taxonomy Codes
• National Drug Code

*ICD-10 codes are not allowed prior to effective mandate date of October 1, 2014.

Diagnosis Codes

According to the 837P TR3, a transaction is not X12 compliant if decimal points are used in diagnosis codes. Therefore, should a diagnosis code contain a decimal point, BCBSGa will return a 999 to the  submitter indicating that the transaction has been rejected.

Address Information

P.O. mailboxes / Lock Boxes are not allowed in the Billing Provider loop. If submitted in the Billing Provider loop, then it will be returned to the submitter identifying which claim(s) have failed.

The Pay-to Address loop does support P.O. Box / Lock Box addresses. Therefore, if payment is expected to be remitted to a P.O. Box / Lock Box, submit the P.O. Box / Lock Box address.

Full 9-digit zip codes are required in the Billing Provider and Service Facility Location loops. If 5-digit zip codes are used in these loops, it  will be returned to the submitter identifying which claim(s) have failed

        

 

 

Questions or feedback are always welcome. You can email me at vbsenthilinnet@gmail.com. You can hire me as consultant for EMR/PMS Domain and Web development on EMR/PMS Product!

Read More

Understanding EDI Structure

EDI Structure
Primary Levels are

1. Interchange Envelops
2. Functional Group
3. Transaction set

Data Element

A data element is equivalent to a field in a data dictionary. Data elements have a name, a data element number, a brief description, a data type, and a minimum and maximum length. For elements which represent codes, either a list of valid codes is included or a reference is included to a source outside of the X12 standard. Elements are separated by delimiters
 
Data Types

Data elements may have the following types:

N - Numeric with implied decimal point, signed.
Example: N2 indicates a numeric with two decimal places. 12.34 becomes 1234. N0 indicates in integer.

R - Decimal Number with explicit decimal point, signed.
Example: 12.34 represented in R format is 12.34. Starting with 4010, exponential notation is also supported.

ID - Identifier - A coded value, usually alphanumeric.

AN - String - alphanumeric.

DT - Date - YYMMDD. As of 4010, CCYYMMDD is also supported.

TM - Time - HHMM, with optional seconds and hundredths.

B - Binary - Any sequence of 8 bit bytes.

Composite Data Structure

A composite data structure consists of two or more simple data elements separated by a delimiter character known as the component data element separator. The individual component data elements in the composite may be designated as either mandatory or optional.

Segment

A segment is a logical grouping of data elements. A segment is equivalent to a record type. A segment is composed of one or more data elements or composite data structures, which are equivalent to the fields in a record. Segments start with a two or three character segment tag which identifies the segment, equivalent to a record type field. Data elements are separated by a delimiter character known as an element separator, and end with a different delimiter character known as the segment terminator.

Elements which are not assigned values in a particular instance of a segment are represented by consecutive delimiters, and such trailing delimiters are not transmitted. For example, if a segment XYX has five elements and in a particular transmission only the second has a value, it is represented as XYZ**123<CR>, where "*" is the element separator and <CR> is the segment terminator.

 

 

Delimiters

In an X12 message, the various delimiters are part of the syntax, dividing up the different elements of a message. The delimiters used in a message are defined in the interchange control header, the outermost layer enveloping the message.

For this reason, there is flexibility in the delimiters that are used. No suggested delimiters are recommended as part of the X12 standards, but the industry-specific implementation guides do have recommended delimiters.

The default delimiters  are:

Segment terminator
~ (tilde)

Data element separator
* (asterisk)

Subelement (component) separator
: (colon)

Repetition separator (version 4020 and later)
+ (plus sign)

 

Loop

Loop is a set of related segments in a Transaction Set. Segments are grouped together in this way to conveniently represent a block of related information. No formal Loops are defined, but several basic loop types, such as a Name/Address loop, appear with minor variations in many Transaction Sets. Different loops may be nested within each other, and loops may repeat up to the maximum loop occurrences specified within the Transaction Set.

Example for loop

1000A (Submitter) Loop

This loop contains submitter information.  A submitter is the entity that is sending the claims to the payer.  In most cases, this is the doctor or clinic name.

Example: NM1*41*2*DOCTORSOFFICE*****46*44444~

2010BA (Insured Patient) Loop

This loop contains the Patient (if the patient is the insured, otherwise Insured Person) Name, contract number, address, SSN (if used), and birthdate.

Example:

NM1*IL*1*DOE*JOHN*F***MI*ABC849559999~     ('MI' stands for member identification, followed by contract number)
N3*6022 VALLEY TRAIL~
N4*RUTH*MI*48883~
DMG*D8*19750101*M~                   ('DMG' stands for Demographic (Birth date) information.  Date format is CCYYMMDD)

Understanding EDI-Loops, Segments, and Elements

The best way to think of an EDI claim file is like a page in a book:

The Loops tell you the paragraph
The Segments tell you the sentence
The Elements tell you the word

All of this information together tells you the exact location of the problem.

Here's an example:

Let's say you received a rejection on a 5010 Professional claim, that states Loop 2300, Segment CLM05, Element 1. 
In EDI we would read this as Loop 2300, CLM05-1.

But what does it mean?  Let's break it down--Loop 2300--this is the Claim Information loop (all information relating to the claim, including place of service, admit/discharge dates, etc.  Okay, so we know the problem is in the Claim Information Loop.

Next is the Segment-CLM05.  The 5010 837P Implementation Guide (available from Washington Publishing Company) states
that CLM05 is for Health Care Service Location Information.

Finally, the Element-1.  Again, we consult our implementation guide--CLM05, Element 1, is for Facility Code Value, or Place of Service.  We may not know exactly what the problem is, but we know where to locate the problem in our claim file; and, since we know the field for this Loop/Segment/Element is Place of Service, we should be able to locate this in our software system.

        

 

 

Questions or feedback are always welcome. You can email me at vbsenthilinnet@gmail.com. You can hire me as consultant for EMR/PMS Domain and Web development on EMR/PMS Product!

Read More

What is an EDI ?

EDI X12 (Electronic Data Interchange) is data format based on ASC X12 standards. It is used to exchange specific data between two or more trading partners. Term ‘trading partner’ may represent organization, group of organizations or some other entity. In most cases it is just organization or company.

EDI X12 is governed by standards released by ASC X12 (The Accredited Standards Committee). Each release contains set of message types like invoice, purchase order, health care claim, etc. Each message type has specific number assigned to it instead of name. For example: an invoice is 810, purchase order is 850 and health care claim is 837.

Every new release contains new version number. Version number examples: 4010, 4020, 4030, 5010, 5030, 6010, etc. Major releases
start with new first number. For example: 4010 is one of the major releases, so is 5010. However 4020 is minor release. Minor releases contain minor changes or improvements over major releases. At the time of this writing 5010 is most widely used release.

How EDI Works

Doctor diagnosis the patient and provide the treatment for the identified disease. Billing Team prepare the bill(claim) and the claim is transmitted into an EDI Document format called as 837 Health care claim. Then the EDI 837 Document securely transmitted to the insurance company via clearing house.

Then the Insurance company processes the claim which comes in the electronic format and provide the necessary reimbursement for the provider for the treatment given to the patient.
Why You Need EDI – the Benefits

• Lower costs
• Higher efficiency
• Improved accuracy
• Enhanced security
• Greater management information

        

 

 

Questions or feedback are always welcome. You can email me at vbsenthilinnet@gmail.com. You can hire me as consultant for EMR/PMS Domain and Web development on EMR/PMS Product!

Read More

ZK Dynamic Menu

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.

Read More

ZK Dynamic Menu Part 5

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

Read More

ZK Dynamic Menu Part 4

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>

VM

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

Read More

ZK Dynamic Menu Part 3

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

Read More