This site is also a jet example showing you how to use resources provided by jars to the war. (To see how the css file and the image is referenced via the resource servlet view the source of this html page)

Login example:
The following link points to home.jet but as you are not logged in you get redirected to teh login mask.
with login "testuser" and password "test" you should be able to login. login example

The configuration for this complete login process looks as follows: <JetConfig project-name="login config"> <JetInput id="j_username"> <validate type="client" rule="required"/> <validate type="client" rule="minlength" arg1="3"/> </JetInput> <JetInput id="j_password" inputType="password"> <validate type="client" rule="validatewhen"><arg>j_username</arg></validate> </JetInput> <JetCheckbox id="j_rememberme"/> <JetForm cols="3" id="securityfilterloginform" action="j_security_check" method="POST"> <JetLabel forId="j_username" messageKey="lbl.login"/> <ref id="j_username"/> <JetDisplayMessage id="dm_username" refid="j_username"/> <JetLabel forId="j_password" messageKey="lbl.password"/> <ref id="j_password"/> <JetDisplayMessage id="dm_password" refid="j_password"/> <JetLabel forId="j_rememberme" messageKey="lbl.rememberme"/> <ref id="j_rememberme"/> <JetFiller/> <JetFiller/> <JetFiller/> <JetButton id="j_submit" messageKey="btn.login"/> </JetForm> <JetAction url="/error.jet" handler="jet.examples.LoginActions#error" /> <JetAction url="/home.jet" handler="jet.examples.LoginActions#home" /> <JetAction url="/loginform.jet" template="jet.ftl.examples.pages.login.loginform.ftl" formid="securityfilterloginform" validate="false" /> <JetAction url="/loginerror.jet" template="jet.ftl.examples.pages.login.loginerror.ftl"/> <JetAction url="/logout.jet" handler="jet.examples.LoginActions#logout" /> </JetConfig>

The action can you view here: [show action source]

FileUpLoad:
The file upload example shows you how you can handle file uploads. Uploads and displays the content of the file fileupload example
<JetForm id="fileupload" action="/fileupload2.jet"> <JetFile id="fileup"> <set name="messageKey" value="lbl.fileupload.button"/> </JetFile> <JetButton id="display"> <set name="label" value="display file"/> </JetButton> </JetForm>

[show action source]
[show form template]
[show result template]

Registration example
Example with server side validation register example
<JetForm id="register_form" action="/register.jet"> <JetLabel forId="firstname"> <set name="content" value="firstname" /> </JetLabel> <JetGridPanel cols="1"> <JetInput id="firstname"> <validate rule="required" type="ajax"/> <validate rule="match" type="ajax"> <arg>^[0-9]*$</arg> </validate> <validate rule="minlength" type="ajax"> <arg>3</arg> </validate> </JetInput> <!-- <JetDisplayMessage id="efirstname" refid="firstname"/> --> </JetGridPanel> <JetLabel forId="phone"> <set name="content" value="phone" /> </JetLabel> <JetInput id="phone"> <validate rule="match" type="ajax"> <arg>^+?[0-9\s\-]$</arg> </validate> </JetInput> <JetLabel forId="lastname"> <set name="content" value="lastname" /> </JetLabel> <JetInput id="lastname"> <validate rule="validatewhen" type="ajax"> <arg>firstname</arg> </validate> <validate rule="required" type="ajax"/> </JetInput> <JetLabel id="lbl_sex" forId="sex"> <set name="messageKey" value="lbl.sex"/> </JetLabel> <JetSelection id="sex"> <validate rule="required" type="ajax"/> <set name="multiple" value="true"/> <JetOption key="m1" value="male1" /> <JetOption key="m2" value="male2" /> <JetOption key="m3" value="male3" /> <JetOption key="f" value="female"> <set name="defaultSelected" value="true"/> </JetOption> </JetSelection> <JetLabel id="lbl_billing" forId="billing"> <set name="messageKey" value="lbl.billing"/> </JetLabel> <JetFieldset cols="2" id="billing"> <validate type="client" rule="checked"><arg>2</arg></validate> <JetLabel id="lbl_cc" forId="billing_type1"> <set name="messageKey" value="lbl.creditcard"/> </JetLabel> <JetCheckbox id="billing_type1" name="billing_type"> <set name="value" value="cc"/> </JetCheckbox> <JetLabel id="lbl_ec" forId="billing_type2"> <set name="messageKey" value="lbl.eccard"/> </JetLabel> <JetCheckbox id="billing_type2" name="billing_type"> <set name="value" value="ec"/> </JetCheckbox> </JetFieldset> <JetLabel id="lbl_package" forId="package"> <set name="messageKey" value="lbl.package"/> </JetLabel> <JetFieldset cols="2" id="package"> <JetLabel id="lbl_standard" forId="package_type1"> <set name="messageKey" value="lbl.standard"/> </JetLabel> <JetRadiobutton id="package_type1" name="package_type"> <set name="value" value="standard"/> </JetRadiobutton> <JetLabel id="lbl_premium" forId="package_type2"> <set name="messageKey" value="lbl.premium"/> </JetLabel> <JetRadiobutton id="package_type2" name="package_type"> <set name="value" value="premium"/> </JetRadiobutton> </JetFieldset> <JetLabel id="lbl_comment" forId="comment"> <set name="messageKey" value="lbl.comment"/> </JetLabel> <JetTextArea id="comment"> <validate rule="required" type="ajax"/> </JetTextArea> <!-- <JetOutput/> --> <JetImage urlKey="url.example.image" titleKey="title.example.image" altKey="alt.example.image"/> <JetButton id="register"> <set name="messageKey" value="lbl.go"/> </JetButton> </JetForm>

[show action source]
[show form template]
[show result template]

Taglibrary Example
For all Who miss taglibs ;) you can use them also as well as in jsp pages ajax tabs example (example with ajaxtags used)
[show page template]

Database Example
This examples shows how to access a database within a jet action using WebSql tool and displaying the content of the table. database access example
[show page template]
[show action source]

Client side localization
Nowadays all pages get delivered within the requested language, but you could also
localize the page at client side with javascript fetching strings for selected language:
Client side localization example
[show page template]

JSES - javascript event sheets
Add javascript events Simple as css, that's the idea behind this. Definition is simple as css, you
just need to define javscript function like following "onmouseover" event: img.jet { width: 150px; height: 150px; onmouseover: dosomething; }
To include/activate you need to load ss, jses separate and include the jses javascript code:
<!-- to include jses definitions: --> <@jet.linkrel_es url="${context}/resource?file=css/main.css&type=jses&content-type=text/plain"/> <!-- will generate following code --> <link rel="jses" href="/jet-examples-webapp-@JET_VERSION@/resource?file=css/main.css&type=jses&content-type=text/plain"> <!-- to include css definitions --> <@jet.css url="${context}/resource?file=css/main.css&type=css" compress="gzip"/> <!-- will generate following code --> <style type="text/css"> @import url(/jet-examples-webapp-@JET_VERSION@/resource?file=css/main.css&type=css&transfer-encoding=gzip ); </style> <!-- to activate jses --> <@jet.js_es compress="gzip"/> <!-- will generate following code --> <script src="/jet-examples-webapp-@JET_VERSION@/resource?file=org/kryogenix/jses/jses.js&content-type=text/javascript&transfer-encoding=gzip" type="text/javascript"></script>
Javascript event sheet example
[show page template]
[show css/jses template]