I accept that making a composite component cleans the code etc. But I
still have to iterate over the collection of books somehow, e.g. with
tr:iterator, right?
And I don't know how does it solve the parameter sending problem.
With tr:inputHidden the POST parameters looks like this:
_noJavaScript false
*j_id33:0:j_id36:selectedBookId 1
j_id33:1:j_id36:selectedBookId 2
j_id33:2:j_id36:selectedBookId 3
j_id33:3:j_id36:selectedBookId 4 *
javax.faces.ViewState H4sIAAAAAAAA...
org.apache.myfaces.trinidad.faces.FORM j_id30
source j_id33:0:j_id36:j_id41
The point is the parameter's name is *"j_id33:0:j_id36:selectedBookId"
*and so on. So, I could reference it on this name only in the flow
definition, but of course it's not good. I need one form for one hidden
field.
On 2009.11.18. 11:51, Bart Kummel wrote:
Okay, now I get what you want. Good idea to post an image!
If I were you, I would craete a Facelets Composition Component to render a
single book's details (image, title, etc.) Inside that Composition Component
you could use various Trinidad components to render the image, the price,
the link, etc. (Use Google to find more info on Facelets Composition
Components.)
Then you could use e.g. a<tr:panelGroupLayout> or a<h:panelGrid> or
something like that to distribute the items over a page as desired.
As for passing on the selected book ID, have you tried using
<tr:inputHidden>?
Best regards,
Bart
On Wed, Nov 18, 2009 at 11:20, Arnold Preg<[email protected]> wrote:
Hi,
If I can reach this<http://i48.tinypic.com/2q207ib.png>(
http://i48.tinypic.com/2q207ib.png ) look with skinning, then yes. (In
essence I don't need column headers, pagination bar, radiobuttons etc. Just
the layout and collection handling function I need from tr:table in this
case.)
I think SWF can handle POST and GET parameters equally.
On 2009.11.18. 10:33, Bart Kummel wrote:
Hi,
If you only want to change the appearance, you should definitely take a
look
at Trinidad's skinning
features<http://myfaces.apache.org/trinidad/devguide/skinning.html>.
You can change the appearance of every Trinidad component this way, while
keeping the functionality. Is that what you're looking for?
As for you other question: what type of parameters does SWF expect? POST
or
GET?
Best regards,
Bart
On Wed, Nov 18, 2009 at 09:35, Arnold Preg<[email protected]> wrote:
Hi,
I have to use Trinidad components, and minimalize the use of manual HTML
or js codes. I do not like to use trh: components, but the tr:table
appearance has not been being suitable and I did not want to write own
component because I thought the tr:table and iterate will do the work
and
I never wrote an own component before yet, so this was left. Although, as
I
see the own component could be the best solution to reach the proper
appearance. But one question is still here: How to send parameters with
tr:commandButton to SWF correctly and easy? Thank you for your patience.
On 2009.11.18. 8:54, Bart Kummel wrote:
Hi,
I'm afraid I still don't understand exactly what you need. However, I
still
think you shouldn't use the approach with the<trh:tableLayout>, etc.
(Should you need *some* HTML for layout of your page, with Facelets you
can
use HTML in your Facelet, so you don't need any<trh:...> tag for that
anymore.)
If you want to use JSF, you should use JSF components that do the hard
work
for you. You can search the Trinidad, Tomahawk and Tobago libraries or
other
component libraries for a component that suits your needs. If nothing
can
be
found, you can create your own JSF component. If you prefer to be super
flexible in the HTML output, you should perhaps consider a framework
that
isn't component based, like JSF.
Best regards,
Bart
On Tue, Nov 17, 2009 at 20:28, Arnold Preg<[email protected]> wrote:
On 2009.11.17. 13:50, Bart Kummel wrote:
Hi,
I don't have any experience with Spring WebFlow, so I can't help you
on
that
part. But when it comes to your other question, as I understand you
right,
you want to spread your list of books over multiple pages if the
number
of
books exceeds a certain value, right?
This is simple to achieve, but you shouldn't use<trh:tableLayout>. You
should use<tr:table> instead.<tr:table> will do all hard work
for
you,
including the pagination of your data. Please read the documentation
of
<tr:table><
http://myfaces.apache.org/trinidad/trinidad-api/tagdoc/tr_table.html
first.
And regarding your<tr:subform>: you are right that you don't use it
properly. In this case, it can be left out, you don't need it here.
One last remark: as I look at your code, I get the impression that you
don't
get the idea of JavaServer Faces. The idea is to use components that
render
a user interface for you. Those components perform all the hard work
for
you. Generally speaking, you shouldn't be fiddling with repetition in
any
JSF page definition. In this example, if you use a<tr:table>, the only
thing you have to do is tell the table where the collection is that
you
want
to show. The table component will do all the hard work, including the
repetition and pagination. I hope this helps. Good luck!
Best regards,
Bart Kummel
On Tue, Nov 17, 2009 at 10:01, Arnold Preg<[email protected]>
wrote:
Hi,
I'm newbie, so sorry for stupid questions. I'm trying to use Facelets
1.1.14. SWF 2.0.8. Spring 2.5.6. Apache Trinidad 1.2.12. JBoss EL
2.0.1.
and Hibernate JPA imp. but I think it's not relevant now. My English
not
too
good let the code snippets speak because of this rather.
borderLayout.xhtml
<tr:document xmlns:ui="http://java.sun.com/jsf/facelets";
xmlns:h="http://java.sun.com/jsf/html";
xmlns:f="http://java.sun.com/jsf/core";
xmlns:trh="http://myfaces.apache.org/trinidad/html";
xmlns:tr="http://myfaces.apache.org/trinidad";
title="#{pageTitle}">
<tr:form id="mainForm">
<tr:panelBorderLayout>
<f:facet name="top">
<ui:include src="searchbar.xhtml" />
</f:facet>
<ui:insert name="pageContent" />
</tr:panelBorderLayout>
</tr:form>
<ui:debug />
</tr:document>
page.xhtml
<ui:composition xmlns="http://www.w3.org/1999/xhtml";
xmlns:h="http://java.sun.com/jsf/html";
xmlns:f="http://java.sun.com/jsf/core";
xmlns:ui="http://java.sun.com/jsf/facelets";
xmlns:tr="http://myfaces.apache.org/trinidad";
xmlns:trh="http://myfaces.apache.org/trinidad/html";
xmlns:test="http://www.my.net/some/arbitrary/namespace";
template="/WEB-INF/layouts/borderLayout.xhtml">
<ui:param name="pageTitle" value="Home" />
<ui:define name="pageContent">
<trh:tableLayout width="75%" borderWidth="0" cellSpacing="10"
halign="center">
<trh:rowLayout>
<ui:repeat var="book" value="#{bestsellers}" offset="0" size="3">
<!--<tr:iterator var="book" first="0" rows="4"
value="#{bestsellers}">
-->
<trh:cellFormat valign="bottom">
<tr:commandLink action="selectBook2SeeDetails"
text="#{book.title}">
<f:param name="selectedBookId" value="#{book.bookId}" />
</tr:commandLink>
<!-- Probably I don't use the subform properly -->
*<tr:subform>
<tr:commandButton text="Add to cart" action="add2Cart"/>
<input type="hidden" name="selectedBookId" value="#{book.bookId}" />
</tr:subform>*
</trh:cellFormat>
</ui:repeat>
<!--</tr:iterator> -->
</trh:rowLayout>
</trh:tableLayout>
</ui:define>
</ui:composition>
flow.xml
<?xml version="1.0" encoding="UTF-8"?>
<flow xmlns="http://www.springframework.org/schema/webflow";
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance";
xsi:schemaLocation="http://www.springframework.org/schema/webflow
http://www.springframework.org/schema/webflow/spring-webflow-2.0.xsd
">
<persistence-context />
<var name="cart" class="bookstore.domain.Cart" />
<view-state id="home">
<on-render>
<evaluate expression="catalogService.getAllBooks()"
result="viewScope.bestsellers"></evaluate>
</on-render>
<transition on="selectBook2SeeDetails" to="reviewBookDetails">
<set name="flowScope.selectedBook"
value="catalogService.getBookById(requestParameters.selectedBookId)"
/>
</transition>
</view-state>
<global-transitions>
<transition on="add2Cart">
<evaluate
<!-- Maybe it would be better to use the bestsellers list of Book
entities
but then I guess the place of code that should iterate over the list
to
find
the Book with the appropriate id would be good in a custom Action
"bean"
(correct me if I'm wrong) and I don't want to complicate this sample
with
that too.
expression="cart.addItem(catalogService.getBookById(requestParameters.selectedBookId))">
</evaluate>
</transition>
</global-transitions>
</flow>
When I click on the "Add to cart" button the post request will be
something
like this:
_noJavaScript false
j_id5
j_id17:rangeStart 0
javax.faces.ViewState H4sIAAAAAAAAA......
org.apache.myfaces.trinidad.faces.FORM mainForm
*selectedBookId 1
selectedBookId 2
selectedBookId 3
selectedBookId 4 *
source j_id31:0:j_id37:j_id38
state
value
As it seems it's send a "String array" of selectedBookId . I'd like
to
send
just the appropriate id of course. How could I reach that? On top of
this
I'd like to make more rows dynamically. You know 4 books in the first
row
than another 4 one etc, but I don't know how to write the repeat code
to
make this. Although, the main problem is the first one.
Thank you for your reply. I'm afraid you have misunderstood me. I'd
like
to
create something you can see on amazon. There are book's pictures 3 in
a
row, you can click on them to see details. I'd like to make a category
panel
and cart panel you can see on that portal, but it's maybe an other
topic.
If I can reach that look easily with tr:table I'll use that for this,
but
I
think the problem will come out again in an other scenario. Namely how
to
send parameters with tr:commandButton. I think a hidden input filed
would
be
great for this, but in a separate form or something. Of course with an
action listener in a backing bean all of my problems would fly away,
but
what is the purpose of SWF than?
