You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@tapestry.apache.org by Amr Mohamed Mahmoud Hassanien <am...@ey.ae> on 2011/05/01 18:33:16 UTC
Tapestry and Ajax
Hi all,
I Have a grid as the following , that displays the Image, caption and remove buttons.
<t:grid t:id="grid"
t:source="images"
t:row="image"
t:pagerPosition="both"
t:rowsPerPage="5">
<p:imageCell>
<t:imageproxy image="image"/>
</t:pagelink>
</p:imageCell>
<p:captionCell>
${image.caption}
</p:captionCell>
<p:actionCell>
<t:actionlink t:id="removeImage"
t:mixins="confirm"
t:message="message:imageDelete-warning"
t:context="[image.id,id]"
title="message:imageDelete-label">
<img src="${asset:context:img/delete-16x16.png}" alt="${message:imageDelete-label}" title="${message:imageDelete-label}"/>
</t:actionlink>
</p:actionCell>
</t:grid>
Now I want to allow the user to edit the caption of any image in the table using ajax.
So beside the remove Image, I 'll add a edit caption button which change the corresponding caption cell to text field plus "Save" and "cancel" button.
If "Save" button clicked then submit the caption, save it and back again to the grid read mode.
I found a warning using zones inside a loop, which applies also in the grid case.
It says " Using Zone components inside any kind of loop may cause additional problems, as Tapestry will uniqueify the client id you specify (appending an index number)."
What the best solution in such case?
You help is much appreciated.
Regards,
Amr
################################################################################################################
DISCLAIMER:
This message is for the named person's use only. It may contain confidential information, proprietary
in nature or legally privileged information. All trade secret, know how, formulas, researches, database,
software, codes diagrams, documentations, attachments, voice, concepts and visual content are strictly
protected by United Arab Emirates Laws and Dubai Media Incorporated codes which will have the right to
take any legal action if you fail in doing the hereunder steps. If you receive this message in error,
please immediately DELETE it and all copies of it from your system, DESTROY any hard copies of it and
destroy any soft and backup copy of it saved in any kind of form under you possession and NOTIFY the sender.
You must not, directly or indirectly, use, disclose, distribute, print, or copy any part of this message (email)
if you are not the intended recipient.
################################################################################################################
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Tapestry and Ajax
Posted by Geoff Callender <ge...@gmail.com>.
The link http://jumpstart.doublenegative.com.au/jumpstart/examples/ajaxgracefulcrud
has been replaced by these:
http://jumpstart.doublenegative.com.au/jumpstart/previews/gracefulajaxfiltercrud/persons
http://jumpstart.doublenegative.com.au/jumpstart/examples/ajax/gracefulcomponentscrud/persons
On 02/05/2011, at 5:42 AM, françois facon wrote:
> Hi,
>
> Perhaps you can get some inspiration from this great sample
> http://jumpstart.doublenegative.com.au/jumpstart/examples/ajaxgracefulcrud
>
> Regards
> François
>
>
> 2011/5/1 Amr Mohamed Mahmoud Hassanien <am...@ey.ae>:
>> Hi all,
>>
>> I Have a grid as the following , that displays the Image, caption and remove buttons.
>>
>> <t:grid t:id="grid"
>> t:source="images"
>> t:row="image"
>> t:pagerPosition="both"
>> t:rowsPerPage="5">
>> <p:imageCell>
>> <t:imageproxy image="image"/>
>> </t:pagelink>
>> </p:imageCell>
>> <p:captionCell>
>> ${image.caption}
>> </p:captionCell>
>> <p:actionCell>
>> <t:actionlink t:id="removeImage"
>> t:mixins="confirm"
>> t:message="message:imageDelete-warning"
>> t:context="[image.id,id]"
>> title="message:imageDelete-label">
>> <img src="${asset:context:img/delete-16x16.png}" alt="${message:imageDelete-label}" title="${message:imageDelete-label}"/>
>> </t:actionlink>
>> </p:actionCell>
>> </t:grid>
>>
>> Now I want to allow the user to edit the caption of any image in the table using ajax.
>> So beside the remove Image, I 'll add a edit caption button which change the corresponding caption cell to text field plus "Save" and "cancel" button.
>> If "Save" button clicked then submit the caption, save it and back again to the grid read mode.
>>
>> I found a warning using zones inside a loop, which applies also in the grid case.
>> It says " Using Zone components inside any kind of loop may cause additional problems, as Tapestry will uniqueify the client id you specify (appending an index number)."
>>
>> What the best solution in such case?
>> You help is much appreciated.
>>
>> Regards,
>>
>> Amr
>>
>>
>>
>>
>> ################################################################################################################
>> DISCLAIMER:
>> This message is for the named person's use only. It may contain confidential information, proprietary
>> in nature or legally privileged information. All trade secret, know how, formulas, researches, database,
>> software, codes diagrams, documentations, attachments, voice, concepts and visual content are strictly
>> protected by United Arab Emirates Laws and Dubai Media Incorporated codes which will have the right to
>> take any legal action if you fail in doing the hereunder steps. If you receive this message in error,
>> please immediately DELETE it and all copies of it from your system, DESTROY any hard copies of it and
>> destroy any soft and backup copy of it saved in any kind of form under you possession and NOTIFY the sender.
>> You must not, directly or indirectly, use, disclose, distribute, print, or copy any part of this message (email)
>> if you are not the intended recipient.
>> ################################################################################################################
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
>> For additional commands, e-mail: users-help@tapestry.apache.org
>>
>>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Tapestry and Ajax
Posted by françois facon <fr...@gmail.com>.
Hi,
Perhaps you can get some inspiration from this great sample
http://jumpstart.doublenegative.com.au/jumpstart/examples/ajaxgracefulcrud
Regards
François
2011/5/1 Amr Mohamed Mahmoud Hassanien <am...@ey.ae>:
> Hi all,
>
> I Have a grid as the following , that displays the Image, caption and remove buttons.
>
> <t:grid t:id="grid"
> t:source="images"
> t:row="image"
> t:pagerPosition="both"
> t:rowsPerPage="5">
> <p:imageCell>
> <t:imageproxy image="image"/>
> </t:pagelink>
> </p:imageCell>
> <p:captionCell>
> ${image.caption}
> </p:captionCell>
> <p:actionCell>
> <t:actionlink t:id="removeImage"
> t:mixins="confirm"
> t:message="message:imageDelete-warning"
> t:context="[image.id,id]"
> title="message:imageDelete-label">
> <img src="${asset:context:img/delete-16x16.png}" alt="${message:imageDelete-label}" title="${message:imageDelete-label}"/>
> </t:actionlink>
> </p:actionCell>
> </t:grid>
>
> Now I want to allow the user to edit the caption of any image in the table using ajax.
> So beside the remove Image, I 'll add a edit caption button which change the corresponding caption cell to text field plus "Save" and "cancel" button.
> If "Save" button clicked then submit the caption, save it and back again to the grid read mode.
>
> I found a warning using zones inside a loop, which applies also in the grid case.
> It says " Using Zone components inside any kind of loop may cause additional problems, as Tapestry will uniqueify the client id you specify (appending an index number)."
>
> What the best solution in such case?
> You help is much appreciated.
>
> Regards,
>
> Amr
>
>
>
>
> ################################################################################################################
> DISCLAIMER:
> This message is for the named person's use only. It may contain confidential information, proprietary
> in nature or legally privileged information. All trade secret, know how, formulas, researches, database,
> software, codes diagrams, documentations, attachments, voice, concepts and visual content are strictly
> protected by United Arab Emirates Laws and Dubai Media Incorporated codes which will have the right to
> take any legal action if you fail in doing the hereunder steps. If you receive this message in error,
> please immediately DELETE it and all copies of it from your system, DESTROY any hard copies of it and
> destroy any soft and backup copy of it saved in any kind of form under you possession and NOTIFY the sender.
> You must not, directly or indirectly, use, disclose, distribute, print, or copy any part of this message (email)
> if you are not the intended recipient.
> ################################################################################################################
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org