Archive for the 'JSF/MyFaces/Facelets' Category

Feb 03 2009

An easy way to connect JSF with Adobe FLEX




Using Adobe Flex together with other technologys like JavaServer Faces, Struts or Spring Web Flow is not an easy task, because the embedded Flash-file interacts in its own world and from the sight of its surrounding JSF/JSP/HTML-Code, it is an foreign object. There exists some approaches to connect these different worlds like the jsf-flex project or the Exadel Fiji.

I am now showing you an another way, how you can connect Flex with JavaServer Faces. You are able to develop each Project (Flex and Java) separately.


Let’s take a look at this picture (click on the picture to enlarge it):

bild1


This is what we have. JSF-Code with an embedded Flex-Object. You can insert the firstname and the lastname with JSF-inputText -Fields, and the fields city and country with Flex. If you click submit, alle four values are saved inside the managed-bean.

bild2


Ok how is this possible? The solution is JavaScript! In some few words – if you enter some values for the city and country inside the Flash-Object, the ActionScript code is writing these values into JavaScript-Variables (which are declared in the JSF Code). If you hit submit, a JavaScript-Function is writing the values into the hidden tomahawk-inputFields which are bonded to the corresponding managed-bean (Page1Bean).

jsfwithflexdiagram bild4bild3


In ActionScript, you have to extend the class Proxy and overwrite flash_proxy function setProperty(..). You can see this here:

JSVariableProxy.as

Technorati Tags: actionscript, adobe flex, connect, javascript, javaserver faces, jsf, NetBeans

One response so far

Jul 22 2008

Using Spring and Facelets together with NetBeans 6.1



In this blog you can read how to create a Web Application with NetBeans 6.1 and the GlassFish 2 Application Server. This Web Application is using Facelets, MyFaces 1.2 and the Spring 2 technologies.


Please note:
I have contributed this blog to the NetBeans Community.


Prerequisites

First update your NetBeans 6.1 to the newest version (currently it is Build 200804211638).

NetBeans Version 6.1 Build 200804211638

Install the Facelets Support Modules and restart NetBeans.


Create a new Web Application

Create a new Web Application, name it “Spring_and_Facelets“.

create a new Web Application

Choose GlassFish v2 as Server and click next.

choose GlassFish 2 as Server

In the last step, activate the Facelets-Framework.

choose the Facelets Framework

Open the Project Properties and remove all libraries.

remove libraries

Download and add my special MyFaces and Facelets Libraries Collection to the project.

special facelets and myfaces collection

Build and run the application. You should see this in your browser:

running facelets application


Adding some Facelets functionality

It is now time to add some specific Facelets functionality to this small Web Application. First we create a new facelets file, name it “header“.

create a new facelets file

the header.xhtml file

Insert this HTML code into the file:

header.xhtml

Technorati Tags: Facelets, GlassFish, Java, MyFaces, NetBeans, Spring

3 responses so far

Mai 23 2008

Facelets Support Modules for NetBeans 6.1




I have build manually the Facelets Support Modules for NetBeans 6.1. You can download them here: faceletssupport_for_netbeans6.1.zip

To install the Modules, navigate in NetBeans to Tools -> Plugins -> Downloaded, hit Add Plugins and choose the modules. Click on Install to start the installation.

Facelets Support Modules for NetBeans 6.1

Technorati Tags: facelets support, Java, NetBeans

5 responses so far