Anécdotas de las Curvas del Seno: JSF 2.0: TouchFaces

JSF 2.0: TouchFaces

Posted in Etiquetas: android, blackberry, iphone, ipod, jsf 2.0, primefaces, touchfaces | lunes, octubre 24, 2011

Hace poco me vi en la necesidad de realizar cierto desarrollo para Iphones, pero no tenia ganas de aprender ObjectiveC, y me tope con la implementación para mobiles de Primefaces denominada TouchFaces, la cual se basa en JQTouch (JQuery).

De ahora en adelante puedo realizar aplicaciones web basadas en JSF para dispositivos apple-touch, android, blackberry, etc...

Aca desarrollare un pequeño ejemplo de Primefaces TouchFaces.

El managed bean es sencillo.

Luego la parte mas importante la vista.

<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.prime.com.tr/ui"
        xmlns:i="http://primefaces.prime.com.tr/touch"
        xmlns:ui="http://java.sun.com/jsf/facelets">

<i:application>
        
            <i:view id="home" title="Home">
                <h:form>
                <i:tableView>
                    <i:rowGroup title="Input Text">
                        <i:rowItem>
                            <h:inputText value="#{demoBean.text}">
                            </h:inputText>
                        </i:rowItem>
                    </i:rowGroup>
                    <i:rowGroup title="My Group">
                        <i:rowItem value="Detail" view="detail" update="table"/>
                    </i:rowGroup>
                </i:tableView>
                </h:form>
            </i:view>

<i:view id="detail" title="Detail">
                
                <f:facet name="leftNavBar">
                    <i:navBarControl label="Back" view="home" effect="flip"/>
                </f:facet>
                <i:tableView id="table">
                    <i:rowGroup title="Text">
                        <i:rowItem>
                            <h:outputText value="#{demoBean.text}"/>
                        </i:rowItem>
                    </i:rowGroup>
                </i:tableView>
                
            </i:view>
        
    </i:application>
</f:view>

Aca la captura de pantalla desde mi ipod touch.