ZK Developer's Guide

Recommendations

Info

Development Tools for the ZK Framework This chapter discusses some IDE tools for working with ZK. Definitely for effective development with a framework like ZK it is a must to have some IDE support. Right now there is a tool called 'ZeroKode' which recently became an open source project. With ZeroKode it is possible to design a ZUL page. Another tool is 'zk-bench', which is designed as an Eclipse plugin. In the next sections, we discuss the early beta version of zk-bench, which will be provided as a commercial product. Zk-bench is very promising because it gives the developer much more than just 'page designing'. ZK-Bench Zk-bench is designed as an Eclipse plug-in and the installation is pretty easy. There is an update site available as well as an installer for download. Further details are available from http://www.ir-team.com/index.php/zk-bench. The company behind zk-bench even offers a forum to discuss problems and features. The installer asks a few options but it runs very smoothly. After the installation we find a new zk-bench project type available. Zk-bench provides a visual designer for ZUL pages, event handling, and property changes within the IDE, a structural pattern, and persistence support. The zk-bench project follows the Maven 2.x directory structure, but that is not visible for the developer, at least not at the first step of work. Maven-specific items like artifactId and groupId are wrapped in more easily understood labels. The default view of the project is a kind of meta-view. So there are folders for images, pages, Java classes, and the project structure looks very clean even for big projects. The zk-bench project opens a perspective with a graphical editor, the Meta-project explorer, Snippet views, snapshot gallery, and a palette for the ZK components.
Development Tools for the ZK Framework With the palette and the visual designer it's just a breeze to design a web page. The selection of a component shows all the properties and it's even possible to manage the events very intuitively. With a click on the component the property menu appears and there is an entry for the action method. Developers who knows Swing Development will feel very comfortable with this kind of design. The result of the design work is a ZUL page and the related Java class. Dynamic Preview of Pages During the development of the visual ZUL page there is an option to show the preview of the page. The preview is done in real time so it's nice to see the result of the design process all the time. The Palette The visual designer provides a palette for all ZK components. The components can be moved from the palette into the designer frame with drag-and-drop. The related palette for a specific ZK version is dynamically loaded. The ZK version is managed in the preferences and zk-bench will dynamically recognize the components. [ 156 ]
Page 2 and 3:
ZK Developer's Guide Developing res
Page 4 and 5:
Authors Markus Stäuble Hans-Jürge
Page 6:
About the Reviewers Razvan Remus Po
Page 9 and 10:
Table of Contents Deployment 39 Dep
Page 12 and 13:
Preface ZK is an open-source web de
Page 14 and 15:
There are three styles for code. Co
Page 16 and 17:
Getting Started with ZK The world o
Page 18 and 19:
[ 7 ] Chapter 1 XHTML XHTML is the
Page 20 and 21:
[ 9 ] Chapter 1 First Step: Say Hel
Page 22 and 23:
alert('Hello '+username.value); ]]>
Page 24 and 25:
[ 13 ] Chapter 1 One part of the pr
Page 26 and 27:
120 index.zul index.zhtml inde
Page 28 and 29:
Component Framework representation:
Page 30 and 31:
The class org.zkoss.zk.ui.Path offe
Page 32 and 33:
Now we will implement doInit() and
Page 34 and 35:
It's worth mentioning that requests
Page 36 and 37:
[ 25 ] Chapter 1 What is the Priori
Page 38 and 39:
} } } [ 27 ] Chapter 1 /** * Implem
Page 40 and 41:
[ 29 ] Chapter 1 It depends on the
Page 42 and 43:
To use the default mold nothing spe
Page 44 and 45:
Another area of application is the
Page 46 and 47:
The following scre
Page 48 and 49:
First we need the zkLoader servlet,
Page 50 and 51:
auEngine org.zkoss.zk.au.http.DHtm
Page 52:
org.zkoss.zkforge fckez 2.3-2 or
Page 55 and 56:
Online Media Library In the first i
Page 57 and 58:
Online Media Library For that open
Page 59 and 60:
Online Media Library 5. Press Next.
Page 61 and 62:
Online Media Library The directory
Page 63 and 64:
Online Media Library We need four n
Page 65 and 66:
Online Media Library How to use the
Page 67 and 68:
Online Media Library How to impleme
Page 69 and 70:
Online Media Library After the uplo
Page 71 and 72:
Online Media Library MediaType[] ty
Page 73 and 74:
Online Media Library A Song. A M
Page 75 and 76:
Online Media Library Remove the
Page 77 and 78:
Online Media Library
Page 80 and 81:
Extending the Online Media Library
Page 82 and 83:
public class MediaListItemRenderer
Page 84 and 85:
} public MyListbox() { } public voi
Page 86 and 87:
[ 75 ] Chapter 3 Updating at the Ri
Page 88 and 89:
} } button.setParent(parent); retur
Page 90 and 91:
[ 79 ] Chapter 3 If some speci
Page 92 and 93:
} } } item.setValue(media.getTitle(
Page 94 and 95:
searchlistbox.getModel().update();
Page 96 and 97:
[ 85 ] Chapter 3 Now the version in
Page 98 and 99:
The implementation of the modal dia
Page 100 and 101:
Settings settingsStorage = Setting
Page 102:
[ 91 ] Chapter 3 Summary Our second
Page 105 and 106:
Is it on the Desktop or on the Web?
Page 107 and 108:
Page 109 and 110:
Page 111 and 112:
Page 113 and 114:
Page 115 and 116: Is it on the Desktop or on the Web?
Page 136 and 137: Integration with Other Frameworks Z
Page 138 and 139: IRT-FLIGHTSAMPLE hibernateFilter o
Page 140 and 141: auEngine org.zkoss.zk.au.http.DHtm
Page 142 and 143: } [ 131 ] Chapter 5 flightdate = (D
Page 144 and 145: org.zkoss.zkplus.hibernate. Hiberna
Page 146 and 147: [ 135 ] Chapter 5 Instead of using
Page 148 and 149: [ 137 ] Chapter 5 Binding to a Back
Page 150 and 151: Creating Custom Components After th
Page 152 and 153: The changed mask is shown as follow
Page 154 and 155: [ 143 ] Chapter 6 Now we start crea
Page 156 and 157: onOK="login()"> String labelUser
Page 158 and 159: default my-window.dsp In the lan
Page 160 and 161: [ 149 ] Chapter 6 ${z:redraw(ch
Page 162 and 163: org.zkoss.zk.ui.http.DHtmlLayoutSer
Page 164 and 165: jpeg image/jpeg jpg image/jpeg
Page 168 and 169: [ 157 ] Chapter 7 Databinding Zk-be
Page 170: [ 159 ] Chapter 7 Snapshot Gallery
Page 173 and 174: Configuration Files in ZK Tag Defau
Page 175 and 176: Configuration Files in ZK org.zkoss
Page 177 and 178: Configuration Files in ZK 3. This
Page 180 and 181: C Cascading Style Sheets. See CSS c
Page 182: tag 165, 166 tag 167 ZK framework.
show all

ZK Developer's Guide

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?