Forum:

facelets modalPanel template question

Ranch Hand

Posts: 57

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

I am hoping that this is a good place to ask this question, if not I apologize. Here is my scenario, I have a datagrid where a user can browse a list of records. I want a modalPanel to appear where the user can enter information to filter the list. I would also like to template my modalPanel pages using facelets and ui:include to make them appear. For example, say the list page is called list.xhtml, the template page is called modal_template.xhtml and the modal page is called filter.xhtml. What do I need to surround the content in the modal_template.xhtml and filter.xhtml with; should it be UI:composition in both .xhtml pages or is this not the case. I cannot find any examples on how this should be done. Could someone provide an example of what this should look like?

Tim Holloway

Saloon Keeper

Posts: 27807

196

I like...

posted 14 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

This is a generic RichFaces modal dialog where the dialog body text comes from a backing bean.

Here's how it's called:

And this is the dialog itself:

<?xml version="1.0"?>
    
<html xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html" xmlns:t="http://myfaces.apache.org/tomahawk"
    xmlns:rich="http://richfaces.org/rich" xmlns:a4j="http://richfaces.org/a4j"
>
    <ui:composition>
        <rich:modalPanel id="#{name}" width="560" height="300">
            <f:facet name="header">
                <h:panelGroup>
                    <h:outputText value="#{title}"></h:outputText>
                </h:panelGroup>
            </f:facet>
            <f:facet name="controls">
                <h:panelGroup>
                    <h:graphicImage value="/images/modal/close.png"
                        styleClass="hidelink" id="hidelink#{name}" />
                    <rich:componentControl for="#{name}"
                        attachTo="hidelink#{name}" operation="hide" event="onclick" />
                </h:panelGroup>
            </f:facet>
            <h:outputText escape="false"
                value="#{body}"
            />
        </rich:modalPanel>
        <h:outputLink value="#" id="link#{name}"
            styleClass="blueText"
        >
            #{linkText}
            <rich:componentControl for="#{name}"
                attachTo="link#{name}" operation="show" event="onclick" />
        </h:outputLink>
    </ui:composition>
</html>

The secret of how to be miserable is to constantly expect things are going to happen the way that they are "supposed" to happen.

You can have faith, which carries the understanding that you may be disappointed. Then there's being a willfully-blind idiot, which virtually guarantees it.