Hi again once more,
it's probably because I'm agitated at the moment, but I also can't seem to
extract a client side id from the zone that I want to update. My mixin receives
the Zone as a parameter and zone.getClientId() is called when I want to
initialize the editor. This always returns null, so the zone is probably not
rendered yet.
The following component is used in a loop.
Component tml:
----------------------------------------
<t:Zone t:id="contentZone">
<t:If test="showEditor">
<div class="editorArea">
<t:Form t:id="editorForm" t:zone="^">
<t:TextArea t:id="editor"
t:value="editedContent"
t:mixins="TinyMCE"
t:zoneToUpdate="contentZone"/>
</t:Form>
</div>
<p:else>
----------------------------------------
Component java:
----------------------------------------
@InjectComponent
@Property
private Zone contentZone;
----------------------------------------
TinyMCE mixin excerpt:
----------------------------------------
@Parameter
private Zone zoneToUpdate;
@BeginRender
void begin() {
JSONObject params = new JSONObject();
params.put("zone", zoneToUpdate.getClientId());
----------------------------------------
Is it because of the loop the component is in?
Regards,
Daniel P.
-----Ursprüngliche Nachricht-----
Von: Poggenpohl, Daniel
Gesendet: Mittwoch, 27. Mai 2015 12:12
An: Tapestry users; [email protected]
Betreff: AW: AW: AW: Adding JS to my component combined with using t:If
Hello again,
exactly, I'm using Tapestry 5.3.8 and tapestry-jquery. Is there any js function
here that I can use to automatically process zone ajax updates?
Regards,
Daniel P.
-----Ursprüngliche Nachricht-----
Von: Nathan Quirynen [mailto:[email protected]]
Gesendet: Mittwoch, 27. Mai 2015 11:38
An: [email protected]
Betreff: Re: AW: AW: Adding JS to my component combined with using t:If
I think he is not using 5.4 but 5.3.8.
The problem is that your ajax call does not process the repsonse (zones to
update, scripts to run, ...).
What I have done is adding the following to the success callback function:
function(r) {
// update zones and call added javascript
if (r.zones) {
// perform multi zone update
$.each(r.zones, function(zoneId) {
$('#' +
zoneId).tapestryZone("applyContentUpdate", r.zones[zoneId]);
});
}
if (r.updateZone) {
var spec = {
url : r.updateZone.url,
params : r.updateZone.params
};
$('#' +
r.updateZone.zoneId).tapestryZone("update", spec);
}
$.tapestry.utils.loadScriptsInReply(r);
}
This works for me, but I'm also very interested in a better way than what I
have done above as this seems like a hassle to add it everywhere...
Greetings,
Nathan
On 27/05/15 11:29, Chris Poulsen wrote:
> It is the tapestry module I'm referring to.
>
> It is located in the sources as coffeescript:
> tapestry-core/src/main/coffeescript/META-INF/modules/t5/core/ajax.coff
> ee
>
> or in the tapestry-core.jar ( META-INF/modules/t5/core/ajax.js )
>
> The generated documentation for the module is here:
> http://tapestry.apache.org/5.4/coffeescript/ajax.html
>
> The sources are the best place to go if you want to know how the stuff
> is put together beneath the covers.
>
> On Wed, May 27, 2015 at 11:25 AM, Poggenpohl, Daniel <
> [email protected]> wrote:
>
>> Hello,
>>
>> I am a certified newcomer to all of this.
>> Searching on google for ajax.js gives me multiple results which all
>> look like different libraries. Does Tapestry provide an ajax.js
>> library? Does JQuery provide an ajax.js library? What other ajax.js
>> library should I use to generate my POST? Is the POST request I
>> generated buggy? How would using the other library help me?
>>
>> Regards,
>> Daniel P.
>>
>> -----Ursprüngliche Nachricht-----
>> Von: Chris Poulsen [mailto:[email protected]]
>> Gesendet: Mittwoch, 27. Mai 2015 11:19
>> An: Tapestry users
>> Betreff: Re: AW: AW: Adding JS to my component combined with using
>> t:If
>>
>> take a look at the ajax.js module and see if you can use that instead
>> of generating your own $.post
>>
>> On Wed, May 27, 2015 at 10:45 AM, Poggenpohl, Daniel <
>> [email protected]> wrote:
>>
>>> Hello again,
>>>
>>> I have generated the event urls and given them to my editor
>>> initialization script.
>>> An excerpt:
>>> setup : function(editor) {
>>> editor.addButton('testButton', {
>>> text: 'Test Button',
>>> icon: false,
>>> onclick: function() {
>>> var sentData = {paragraphContent :
>>> tinymce.activeEditor.getContent()};
>>> $.post(
>>> jsonObject.saveUrl,
>>> sentData,
>>> function(data, status) {
>>>
>> tinymce.remove(jsonObject.elemId);
>>> }
>>> );
>>> }
>>> });
>>> }
>>>
>>> When the user clicks the test button, an AJAX request containing the
>>> content of the editor is sent to the server. After receiving the
>>> response the editor should be removed from the DOM.
>>>
>>> The handler side:
>>> void onSaveWork(@RequestParameter(value="paragraphContent") final
>>> String
>>> paragraphContent) {
>>> showEditor = false;
>>> ajaxResponseRenderer.addRender(chapterContentZone);
>>> }
>>>
>>> To be simple at first, the event handler only sets showEditor and
>>> queues a render of the zone containing the editor. So the only thing
>>> that should be happening is that the div displaying the read-only
>>> content should reappear, which it doesn't.
>>>
>>> I guess this is because the response isn't handled automatically and
>>> I have to replace a client-side DOM element with the "data" content
>>> of the response. Is it because I use a self-written javascript and
>>> don't rely fully on Tapestry here? Should I use some functions of
>>> tapestry.js?
>>>
>>> Am I doing something wrong here or am I on the right track?
>>>
>>> Regards,
>>> Daniel P.
>>>
>>> -----Ursprüngliche Nachricht-----
>>> Von: Poggenpohl, Daniel
>>> Gesendet: Mittwoch, 27. Mai 2015 09:02
>>> An: Tapestry users
>>> Betreff: AW: AW: AW: Adding JS to my component combined with using
>>> t:If
>>>
>>> Hi,
>>>
>>> thank you for helping me. Again I had wording issues, it seems.
>>> I did know that event handling methods on Tapestry pages and
>>> components are written manually.
>>> I just wrote "event handlers" because I thought there was something
>>> in between the handler methods and the Eventlinks that was generated
>>> when an Eventlink is created. Now I have realized that creating an
>>> Eventlink amounts to generating the markup for a link with the URL
>>> containing the event name. When you then send a request with this
>>> URL, Tapestry sees the event and looks for an appropriately named
>>> handler in
>> the page/component.
>>> I had just thought there was more to it.
>>>
>>> As you say in your advice, I expected too much and am now using the
>>> method of generating an Eventlink request URL that I give to the
>>> tinyMCE editor so that the appropriate request is made at the
>>> expected time. I think that is the way to go.
>>>
>>> I also thought that JavaScript events, HTML DOM events and Tapestry
>>> Component Events were the same before.
>>>
>>> Regards,
>>> Daniel P.
>>>
>>> -----Ursprüngliche Nachricht-----
>>> Von: Thiago H de Paula Figueiredo [mailto:[email protected]]
>>> Gesendet: Dienstag, 26. Mai 2015 20:58
>>> An: Tapestry users
>>> Betreff: Re: AW: AW: Adding JS to my component combined with using
>>> t:If
>>>
>>> On Tue, 26 May 2015 11:49:20 -0300, Poggenpohl, Daniel <
>>> [email protected]> wrote:
>>>
>>>> Hi again,
>>> Hi!
>>>
>>>> Jquery can define arbitrary events that can be triggered. I thought
>>>> I could raise a JS event and handle it via "onEVENTNAME" on the
>>>> Tapestry component side. But of course that doesn't work, probably
>>>> because no event handlers are generated because no corresponding
>>>> eventlink is created.
>>> Event handlers aren't generated at all by Tapestry. You declare them
>>> by using @OnEvent or using a naming convention. You just cannot
>>> trigger a JS event and expect it to magically trigger a server-side
>> event.
>>> Tapestry doesn't need an EventLink or ActionLink to be able to
>>> trigger an event handler method in the server-side. You can create
>>> your own events and their URLs by using
>>> ComponentResources.createEventLink().
>>> With the URL generated by that method, you can invoke them using
>>> AJAX in
>> JS.
>>> --
>>> Thiago H. de Paula Figueiredo
>>> Tapestry, Java and Hibernate consultant and developer
>>> http://machina.com.br
>>>
>>> --------------------------------------------------------------------
>>> - To unsubscribe, e-mail: [email protected]
>>> For additional commands, e-mail: [email protected]
>>>
>>>
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
