commandLink in a4j form

[wklaus]

Hi,

I have a page with a t:datatable and a t:datascroller. Now I
ajaxfied the datascroller as described in the documentation by
surrounding the datable and the datascroller with a4j:form setting
attribute ajaxSubmit="true". This works fine, but I have a h:commandLink
inside the form. When I now click on the link inside the datatable wich
goes to a new page to show detail an Ajax-Request is generated
and the new page is without any style-sheet.
How can I disable the ajaxSubmit for this case or is there another
alternative?

Regards
Wolfgang

[ilya_shaikovsky]

Your rule in faces config must be one if ajax-ed controls must be used to redirect you to another page.

btw.. you can't make controls inside ajax-ed form non ajax-ed. Form changes the behaviour of the all nested content

[wklaus]

Ok, i changed t:commandLink to a4j:commandLink and the rule is
in faces config as before.
<4j:commandLink action="showDetail">

faces-config
<navigation-case>
<from-outcome>showDetail</from-outcome>
<to-view-id>/AdrDetail.jsp</to-view-id>
</navigation-case>

So after clicking the link the new page AdrDetail.jsp is opened but
the stylesheet isn't applied to the page but when i look in the page source it is
included.

I think the problem is, how can i replace a complete page after an AJAX-Request. If this is not possible, maybe someon can give me a hint
howto go to the detail page.

Regards
Wolfgang

[ilya_shaikovsky]

you should use if the rule will be used after ajax requests

[sergeysmirnov]

Wolfgang, if you have a4j:commandLink, remove the ajaxSubmit="true" on the a4j:form. a4j:commandLink is an Ajax component already. You do not to convert it to Ajaxian link once more.

[wklaus]

Sergey, it is right that i don't need to ajaxify a4j:commandLink.
I have the a4j:form with ajaxSubmit="true" because i want the t:dataScroller to be ajaxified. For me it looks like i can do either Ajaxian the t:dataScroller with the disadvantage that commandLinks inside the formrefering to another page won't work or i can use the commandLink to go to the detail-page and it is not possible to Ajaxian the t:datascroller.
Maybe i give the rich:datascroller a try.

Thanks,
Wolfgang

[ilya_shaikovsky]

Sorry for the unintelligible answers.. I've just lost "code" elements.. So some text was lost in my posts.

1) If you use ajaxSubmit on the form to ajaxify the datascroller - there is no need to use ajax Action components inside such form because all the standard components will use ajax submit inside this form. So place just simpl? h:commandLink inside.

In this case to perform navigation - your action must return the navigation outcome - that must be defined as

<redirect/>

in your faces config. So ajax requests will be performed for all the components inside form and the components with such defined outcome - will navigate you to another pages

2) you may use non-ajax form and rich:dataScroller, that designed to use ajax for switching. So other components in the form may be ajax and none ajax in this case

[wklaus]

Thank you Ilya, with the tip to add redirect to the navigation rule in faces-config now the change to the detail view works.
But there seems still a problem with a4j:form.
When using t:commandButton inside the form, the assigned action in the Bean won't be called.
First I searched my code if there is a problem, but in the end adding debug
and breakpoins showed me that the function won't be called.
On the other side when using a4j:commandButton the function is called.
For example:
<a4j:form ajaxSubmit="true">
<t:commandButton action="#{bean.doSomething}"/>
</a4j:form>
In my FireBug-console i can see that there is an AJAX-Request generated and
all Values in the bean are uptaded but the method "doSomething" isn't called.
My workaround was to use a4j:commandButton.

Regards

[ilya_shaikovsky]

It's strange.. my simple example with t:commandButton calls its action..

I've used myFaces 1.1.4.. What is your version?

[wklaus]

Yes that's strange.
I'm using myFaces-core 1.1.5 and tomahawk-snapshot 1.1.5.

[wklaus]

It has nothing todo with the different versions.
I currently tried myfaces-1.1.4 and it didn't work.
There must be something in my page. I have to research this
a little bit.
When I change the name of the called action to a name which is not
available in the bean, there is no error that this method isn't found.

[ilya_shaikovsky]

If you do not able to found the error you may be can send me your project template via email.

[wklaus]

After some research I think the problem is in the generated request.
Here are both request send from the browser.
First with h:form
form1%3Aidsuchenach=kurzname&form1%3Aidsystem=a&form1%3AcmdSuchen=Suchen&autoScroll=&form1_SUBMIT=1&form1%3A_link_hidden_=&form1%3A_idcl=&javax.faces.ViewState=rO0
Second with a4j:form
_viewRoot&form1%3Aidsuchenach=kurzname&form1%3Aidsystem=a&autoScroll=&form1=form1&form1=form1&form1%3A_link_hidden_=&form1%3A_idcl=&jsf_sequence=1&javax.faces.ViewState=rO0A

In the first request I bolded out what i think is missing in the second.
The Button which was clicked is named cmdSuchen.
So how can JSF identify which Button was clicked on the page when
the value is not submitted?

@Ilya: I've made a simple example which I will mail you.

Regards

[wklaus]

So some more research.
There is a problem with a4j:form in Verson 1.0.7. After upgrading
to 1.1.0 t:commandButton are working in a4j:form, but there
is still a problem with t:commandLink and IExplorer 6 and tomahawk-1.1.5
I will show what I found out until now.

Here is a simple example:

<%@ page contentType="text/html; charset=ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<html>
 <head>
 <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
 <title></title>
 </head>
<body class="dornier">
<f:view>
 <a4j:form id="form1" reRender="erg" ajaxSubmit="true">
 <%--h:form id="form1"--%>
 <h:outputLabel for="idsuchenach" value="Search"></h:outputLabel>
 <t:selectOneListbox size="1" id="idsuchenach"
 value="#{a4jformBean.suchenach}">
 <f:selectItem itemLabel="Kname"
 itemValue="kurzname"></f:selectItem>
 <f:selectItem itemLabel="CustNo" itemValue="kdnr"></f:selectItem>
 <f:selectItem itemLabel="Name"
 itemValue="adresse.name1"></f:selectItem>
 </t:selectOneListbox>
 <t:inputText id="idsystem" value="#{a4jformBean.rangeTable}" />
 <t:commandButton id="cmdSuchen" styleClass="buttonStyle"
 value="Search"
 action="#{a4jformBean.makeUpper}"/>
 <h:outputText id="erg" value="#{a4jformBean.rangeTable}"/>
 <t:commandLink id="clink" action="#{a4jformBean.makeUpper}"><h:outputText value="link"/></t:commandLink>
 <a4j:outputPanel ajaxRendered="true">
 <h:messages layout="table"></h:messages>
 </a4j:outputPanel>
 <a4j:log popup="false" width="400" height="200"/>
 </a4j:form>
</f:view>
</body>
</html>

The method does nothing more than make the input upper.
In Firefox and IExplorer 7 when clicking either on the button or on
the link the text is made upper.

In IExplorer 6 only the method (makeUpper) is called when clicking
on the commandButton.

Looking at the genarated html shows the follwing for the commandLink.

<a href="#" onclick="return oamSubmitForm('form1','form1:clink');" id="form1:clink">link</a>

Ok when clicking on the link some script from tomahawk will be executed, which updates some hidden values. The important hidden fields
for tomahawk are:
_link_hidden and _idcl

"_idcl" is the new hidden field to show jsf what link was pressed.

In the javascript function oamSubmitForm the current form will be submitted.
When submitting the form the A4J Javascript comes in action to
generate an AJAXRequest.
All fields of the form are appended to the url.
In Firefox and IExplorer 7 the value for _idcl looks like this (from log-console):
form1%3A_idcl=form1%3Aclink
In IExplorer 6 it looks so:
form1%3A_idcl=null

As you can see null is submitted and therefore jsf doesn't know wich
link was clicked.

There must be a problem with IExplorer 6 when the form is submitted by
javascript and the submit action is also a javascript.
The javascript in the form action didn't see the right values
wich are set by javascript of the link.

So it is not possible for me to Ajaxify t:datascroller with a4j:form as
described in the documentation because of the problem with IExplorer 6.

Has someone see such a behaviour with IExplorer 6.?

Regards

[quession]

Has already been added to JIRA:

http://jboss.com/index.html?module=bb&op=viewtopic&t=104631