ZK Developer's Guide

Recommendations

Info

alert('Hello '+username.value); ]]> [ 11 ] Chapter 1 It was mentioned before that the page contains one hidden button (Say Hello). This button has the buttonToSayHello id. The idea behind this is that the button is only shown if there is some input in the textbox with the username id. After the input of some content (at least one character that is not a white space character) the output looks like the following screenshot. One way to define this "event listener" is to define the onChanging attribute for the textbox username. The implementation of the event is done in Java. Each main element should have an id attribute. With the id of an element it's easy to access such an element. In the example, we set the button visible with buttonToSayHello.setVisible(true). If we click on the Say Hello button a window with a message is opened (see the following screenshot). To show this messagebox the onClick attribute of the button is defined as alert("Hello "+username.value). We used the globally defined method alert to show the message. The parameter for the method is a text string. We first have a constant Hello text, and then the value of the username (username. value) textbox. Always in development, it's important to remember that a ZUL file is just an XML file. Also if we want to use Java in that file, we have to keep in mind that some characters could conflict with XML. Therefore, we have to use the XML entities for special characters. In the example, we used " for ' and & for the & sign.
Getting Started with ZK It's notable that the alert method is not JavaScript, it's Java. The code within a ZUL page is interpreted inside the BeanShell interpreter (http://www.beanshell.org). To use JavaScript for the onClick event handler we have to explicitly prefix the command with javascript:. The difference between a JSP and ZUL page is that the code inside a ZK page is run inside the BeanShell, whereas a JSP is compiled to a Java class. The ZK framework itself runs in a JEE (Java Enterprise Edition) Web container. And to fulfill the requirements to run into such a container, we have to do (unfortunately) more than just creating such a page. The succeeding screenshot shows the project layout for the sample project. [ 12 ]
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 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:
Page 117 and 118:
Page 119 and 120:
Page 121 and 122:
Page 123 and 124:
Page 125 and 126:
Page 127 and 128:
Page 129 and 130:
Page 131 and 132:
Page 133 and 134:
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 166 and 167:
Development Tools for the ZK Framew
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

Create successful ePaper yourself

Delete template?

Save as template?