How to rendered a <tr:commandButton (trinidad) via ajax

[chen young]

Hi All,

In order to rendered a button in a form I am using the onchange=this.form.submit();

<h:form id="upload_file" enctype="multipart/form-data">
                                <h:outputText value="Auto upload"/>
                                        <tr:selectBooleanCheckbox id="auto_upload" value="#{ui.autoUpload}" simple="true" onchange="this.form.submit();"/> 
                                        <h:panelGrid columns="3" cellspacing="0" cellpadding="0">
                                            <tr:inputFile id="ip_list" simple="true" valueChangeListener="#{ui.fileUploaded}" partialTriggers="cb"/>
                                            <tr:commandButton id="cb" text="Submit" partialSubmit="true" partialTriggers="cb" rendered="#{!ui.autoUpload}"/>
                                        </h:panelGrid>
                                        <tr:message for="ip_list" partialTriggers="ip_list"/>
</h:form>

Is there a more elegant why?
Meaning instead of using java script maybe I can use ajax ?
I know that there is the autoSubmit option but I didn’t succeed to implement it in my code

Thanks

[Kumaravadivel Subramani]

Using Ajax is not only elegant way, it's more probably of dealing with performance. (Requesting only want we need, refresh will happen only on particular component). If you use form.submit() the whole form elements will be send with request and re-rendered which is not need as per your requirement.

<f:ajax render="which component id to be rendered" event="on which event" onevent="where to hit" />

[chen young]

Thank you

[chen young]

Hi,

I have one more questions regarding this issue:

The following example is working ok:

<p><h:commandButton value="Login">
                    <f:ajax event="keyup" execute="@this" render="out"/>
                </h:commandButton></p>
            <h3><h:commandButton id="out" value="test" rendered="#{user.rendered}"/>

But when I change it to a <h:selectBooleanCheckBox> the rendered option is not working:

<p>
                <h:selectBooleanCheckbox title="check_box">
                    <f:ajax event="keyup" execute="@this" render="cb"/>
                </h:selectBooleanCheckbox>
            </p>
            <h:commandButton id="cb" value="test" rendered="#{user.rendered}"/>

Do you know why ?


Thanks