Zscript to MVC Extractor"

From Documentation
Line 24: Line 24:
  
 
[[Image:studio_mvc_extract_1.png]]
 
[[Image:studio_mvc_extract_1.png]]
 +
 +
Or right click to show the context menu, and then click "ZK MVC Extractor"
 +
 
[[Image:studio_mvc_extract_1_context.png]]
 
[[Image:studio_mvc_extract_1_context.png]]
  

Revision as of 02:42, 7 January 2011

Zscript to MVC Extractor



Introduction

For better architecture and future maintainence, it's better to follow MVC pattern to implement a web application. The extractor helps you to refactor a ZUL with Zscript to MVC way by the rules mentioned in the smalltalk: ZK MVC Made Easy.


Step by Step

In the first, we have a ZUL file with event listener inside Zscript.

<window id="win" >
	<button id="btn" onClick='alert("aaa");' />
	<button id="att">
		<attribute name="onClick">
		<![CDATA[
			alert("bbb");
		]]>
		</attribute>
	</button>
</window>

You can select a component, and then click the extractor icon in toolbar.

Studio mvc extract 1.png

Or right click to show the context menu, and then click "ZK MVC Extractor"

Studio mvc extract 1 context.png

A dialog will be shown to ask you some detail configurations, just like new a java class. The default class name is based on the id of the selected component.

Studio mvc extract 2.png

The modified ZUL file and generated java file would be like:

<window id="win" >
	<button id="btn"/>
	<button id="att">		
	</button>
</window>

and

import org.zkoss.zk.ui.Component;
import org.zkoss.zk.ui.util.GenericForwardComposer;
import org.zkoss.zul.Button;
import org.zkoss.zul.Window;

public class WinViewCtrl extends GenericForwardComposer {

	private Window win;
	private Button att;
	private Button btn;

	@Override
	public void doAfterCompose(Component comp) throws Exception {
		super.doAfterCompose(comp);
		// TODO Auto-generated method stub

	}

	public void onClick$att() {
		//TODO: please check if you have use "self" or zscript functions here.

		alert("bbb");

	}

	public void onClick$btn() {
		//TODO: please check if you have use "self" or zscript functions here.
		alert("aaa");
	}

}



Last Update : 2011/01/07

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.