Thiago, thanks. I feel that is very close to working. I've tried out
that example in a few ways and I still have some issues:
Without anything in the TML, there is nothing to click on, so I tried
adding an event link in the tml, like this
<a t:type="eventlink" t:event='myCustomEventName' t:id='linkId' id='linkId'>
Click this
link to
generate SUCCESS!
</a>
In the code you provided, when onMyCustomEventName() is called, there
is no differentiation that it is an XHR call or not. That's fine but
when onMyCustomEventName() returns the JSON, I get
An unexpected application exception has occurred.
A component event handler method returned the value { "message" :
"This is the message:SUCCESS" }. Return type
org.apache.tapestry5.json.JSONObject can not be handled.
The javascript for setupEvent() seems to be initializing ok, in my
page it's this:
<script type="text/javascript">var $ = jQuery; Tapestry.JQUERY=true;
Tapestry.onDOMLoaded(function() {
setupEvent('linkId', /newajax:mycustomeventname);
});
</script>
So it seems like the javascript itself is not catching the response.
Is it a problem that there is a ':' in the response url?
(newajax:mycustomeventname)
On Tue, Jul 16, 2013 at 8:58 AM, Thiago H de Paula Figueiredo
<[email protected]> wrote:
> You don't need Zone nor EventLink for that, so don't use them. Here's
> another way (not tested):
>
> @Inject
> private ComponentResources resources;
>
> @Inject
> private Request request;
>
> @Inject
> private JavaScriptSupport javaScriptSupport;
>
> public String getEventLink() {
> return resources.createEventLink("MyCustomEventName");
> }
>
> void afterRender() {
> javaScriptSupport.addScript("setupEvent('%s', %s);", "linkId",
> getEventLink());
> }
>
> JSONObject onMyCustomEventName() {
> String queryParameter1 = request.getParameter("queryParameter1");
> String queryParameter2 = request.getParameter("queryParameter2");
> JSONObject object = new JSONObject();
> object.put("message", getMessage());
> (...)
> return object;
> }
>
> function setupEvent(id, url) {
> $(id).observe("click", function(event) {
> new Ajax.Request(url, {
> onSuccess: function(response) {
> var returnedObject = response.responseJSON;
> window.alert(returnedObject);
> },
> parameters : {
> queryParameter1: 'valueOfqueryParameter1',
> queryParameter2: 'valueOfqueryParameter2',
> }
> )};
> });
>
> }
>
>
> On Tue, 16 Jul 2013 02:13:51 -0300, Daniel Jue <[email protected]> wrote:
>
>> Ugh, still not working for me yet. Once I get it though, things should
>> really get moving.
>> Here's what I have. The intent is a simple event link on a page, that,
>> when click on, performs an ajax call to get a json payload, and then
>> displays the payload as the contents to a javascript alert().
>> I figure from this simplified problem I can create real payloads and
>> assign
>> them to meaningful javascript variables.
>>
>> Something is obviously missing, but I'm at a loss for what. This is
>> probably my 20th iteration of it since the last email. Of note is that in
>> sendJson(), the request is NOT XHR, even though it's being called from an
>> event link with a zone.
>> Any ideas? I'd really like to just get this working. It seems like this
>> would be a very common need, to provide json to js visualizations from
>> pages without having to stand up separate REST services. I poked around
>> in
>> tapestry5-jquery and tapestry5-highcharts, but didn't see an obvious
>> example.
>>
>> NewAjax.java:
>>
>>
>> @Import(library = "context:/js/testJSON.js")
>> public class NewAjax {
>> @Inject
>> private AjaxResponseRenderer ajaxResponseRenderer;
>>
>> @Inject
>> @Property
>> private JavaScriptSupport javaScriptSupport;
>> @Inject
>> private ComponentResources resources;
>>
>> @InjectComponent
>> private Zone someZone;
>>
>> @InjectComponent
>> private EventLink jsonCallbackLink;
>>
>> @AfterRender
>> private void addJavaScript() {
>> javaScriptSupport.addInitializerCall("testJSON",
>> jsonCallbackLink.getClientId());
>> }
>>
>> @Inject
>> private Request request;
>>
>> @OnEvent("sendJSON")
>> void sendJSON() {
>> if (request.isXHR()) {
>> // use AjaxResponseRenderer
>> ajaxResponseRenderer.addCallback(new JSONCallback() {
>> public void run(JSONObject reply) {
>> // generate my custom JSON payload here
>> reply.put("message", "my message");
>> }
>> });
>> }
>> }
>> }
>>
>>
>>
>> NewAjax.tml
>>
>> <html title="New Ajax" xmlns:t="
>> http://tapestry.apache.org/schema/tapestry_5_3.xsd";
>> xmlns:p="tapestry:parameter">
>> <body>
>> <t:zone t:id='someZone'>
>> This is someZone
>> </t:zone>
>> <a t:type='eventLink' t:zone="someZone" t:id='jsonCallbackLink'
>> t:event='sendJSON'>
>> Click this link to generate JSON!
>> </a>
>> </body>
>> </html>
>>
>>
>> testJSON.js:
>>
>> Tapestry.Initializer.testJSON = function(elementId){
>> $(elementId).observe("click", function(event){
>>
>> Tapestry.ajaxRequest($(elementId).href, function(response){
>> alert(response.responseJSON.message);
>> });
>>
>> event.preventDefault();
>> });
>> };
>>
>>
>>
>>
>>
>>
>>
>>
>> On Mon, Jul 15, 2013 at 9:08 PM, Taha Hafeez Siddiqi <
>> [email protected]> wrote:
>>
>>> EventLink must have its zone parameter set to a zone for it to use ajax.
>>> Remember not to use an empty zone(because of a bug in 5.3). If you want
>>> to
>>> use an empty zone just add to it.
>>>
>>>
>>> On 16-Jul-2013, at 6:30 AM, Daniel Jue <[email protected]> wrote:
>>>
>>> > Thanks Taha and Howard! Looks like I have some more learning to do,
>>> which
>>> > is always great.
>>> > BTW, I'm on T5.3.6.
>>> >
>>> >
>>> > Howard, for my purposes the JSON payload for the visualization needs to
>>> be
>>> > generated at runtime when the user clicks (I'll eventually have dozens
>>> > of
>>> > clickable links, each one a costly calculation)--your solution sounds
>>> like
>>> > the json is getting pre-calculated (unless I am interpreting it wrong,
>>> > which is likely)
>>> >
>>> > I was trying one of Taha's old examples that seemed similar (
>>> >
>>>
>>> http://apache-tapestry-mailing-list-archives.1045711.n5.nabble.com/Updating-a-page-with-a-JSONObject-td3339940.html
>>> > )
>>> > But I'm getting an error with that. Possibly because I'm trying to
>>> trigger
>>> > the Ajax response through an eventlink I added to the TML, with no
>>> > Zone.
>>> > Do I need to make use of a zone component at all? I'm getting an
>>> > error of "Page
>>> > must be specified before initializing for partial page render."
>>> >
>>> >
>>> >
>>> >
>>> > On Mon, Jul 15, 2013 at 7:30 PM, Howard Lewis Ship <[email protected]>
>>> wrote:
>>> >
>>> >> Build a URL using resources.createEventLink() and pass this down to
>>> >> the
>>> >> browser.
>>> >>
>>> >> From the event handler, construct and return a JSONObject.
>>> >>
>>> >> Have the client trigger the provided URL, then pass the response.json
>>> >> to
>>> >> the fd.loadJSON() method.
>>> >>
>>> >> There's a bunch of other variations on this; for instance, you can
>>> create a
>>> >> initializer function (in 5.3) or a module (in 5.4) and pass the JSON
>>> object
>>> >> to the initalize function, or the module, via JavaScriptSupport.
>>> >>
>>> >>
>>> >> On Mon, Jul 15, 2013 at 4:21 PM, Daniel Jue <[email protected]>
>>> >> wrote:
>>> >>
>>> >>> Hi, I'm getting back into Tapestry development, specifically needing
>>> >>> to
>>> >> do
>>> >>> some dynamic front end work I haven't attempted before.
>>> >>>
>>> >>> I have a 3rd party JS library (Infovis) which draws a graph using
>>> >>> JSON
>>> >>> data.
>>> >>>
>>> >>>
>>> >>
>>>
>>> http://philogb.github.io/jit/static/v20/Jit/Examples/ForceDirected/example1.html
>>> >>>
>>> >>> The starter example uses
>>> >>>
>>> >>> var json = "...the sample graph data.."
>>> >>>
>>> >>> and then later on there is call to
>>> >>>
>>> >>> 1. fd.loadJSON(json);
>>> >>>
>>> >>>
>>> >>> What I'd like to do is have the user click on an action/event link
>>> >>> and
>>> >> then
>>> >>> have the var json variable returned from the server side, and then
>>> >>> have
>>> >>> fd.loadJSON() called.
>>> >>>
>>> >>> What is the most direct and preferred way of doing this? (Preferably
>>> >>> without extra dependencies)
>>> >>>
>>> >>>
>>> >>> Thanks
>>> >>>
>>> >>
>>> >>
>>> >>
>>> >> --
>>> >> Howard M. Lewis Ship
>>> >>
>>> >> Creator of Apache Tapestry
>>> >>
>>> >> The source for Tapestry training, mentoring and support. Contact me to
>>> >> learn how I can get you up and productive in Tapestry fast!
>>> >>
>>> >> (971) 678-5210
>>> >> http://howardlewisship.com
>>> >>
>>>
>>>
>>> ---------------------------------------------------------------------
>>> To unsubscribe, e-mail: [email protected]
>>> For additional commands, e-mail: [email protected]
>>>
>>>
>
>
> --
> Thiago H. de Paula Figueiredo
>
>
> ---------------------------------------------------------------------
> 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]
