Re: Does Apache Click 1.5 support Ajax - please help!

2009-12-09T00:38:34Z

That worked nicely! Thanks again for the help - I just only found this
community and I have to say that your prompt support is really great.. I
hope I'll be able to help at some point in the future.

Dipita

Bob Schellink-2 wrote:
> 
> Yep, see my previous mail on creating a custom Form and overriding the
> #insert method to return 
> silently (might be a better default than throwing an exception).
> 
> Alternatively you can check if the control exists before adding it:
> 
> public void onInit() {
>    Field field = new TextField("name");
> 
>    if (! form.getControlMap().contains(field.getName())) {
>      form.add(field);
>    }
> }
> 
> 
> kind regards
> 
> bob
> 
> 
> dshah wrote:
>> Hi Bob,
>> What you are saying makes sense (regarding using javascript to add the
>> fields to the form once I figure out which ones were newly added etc) -
>> however, basically using stateful pages is not working for me - we cannot
>> create the controls on the main page in the constructor since those are
>> dynamically created based on the user selection. Because of this
>> limitation,
>> if I make the page stateful, the next time the onInit() method is called
>> (e.g. when a submit button for the form is clicked,) I am getting an
>> error
>> saying the field (the one that is created and initialized on the onInit
>> method) already exists in the form..
>> 
>> How would we get around this problem?
>> 
>> Once again, thanks for all your help - I appreciate the prompt and very
>> explanatory emails.
>> Dipita
>> 
>> 
>> Bob Schellink-2 wrote:
>>> dshah wrote:
>>>> If I have a page (say A) that has a form with some controls (say A1),
>>>> and
>>>> I
>>>> have another page (say B) which has another control (say B1).  I use
>>>> ajax
>>>> to
>>>> render page B's control.  However, I don't see that control on the
>>>> server
>>>> side for Page A -- as Bob has explained below, it's because the server
>>>> is
>>>> not aware of this render that happened on the client.  Question is - is
>>>> getting a handle of the form on Page A and adding control B1 to that
>>>> form
>>>> the only way to make the server aware of this new control that was
>>>> added?  
>>>
>>> Basically yes. You either have to access the Form from a stateful Page,
>>> or
>>> place the Form directly 
>>> in the HttpSession and access it from there.
>>>
>>>
>>>> Is there any other way to do this -- basically, if we are going to add
>>>> the
>>>> control B1 o Page A's form object, then the whole form is being sent
>>>> back
>>>> to/from the client (browser) and server right?  I am wondering is there
>>>> a
>>>> way to not have to send the whole form back/forth from the
>>>> client/browser
>>>> (technically it doesn't seem possible to me but I am not so clear about
>>>> all
>>>> this..)
>>>
>>> Sending back the whole Form is probably easiest because Form will
>>> include
>>> all the markup to render 
>>> the controls. But you can send back only the Field/Fields/FieldSet you
>>> added, no need to render the 
>>> whole Form. You can use your JS library to append the returned
>>> Field/Fields/FieldSet to the Form. 
>>> Just remember that Form lay out its controls in a grid using the 
>>> element. So very likely you 
>>> will want to wrap your returned Fields inside  elements as well.
>>>
>>> Hope that make sense :)
>>>
>>> kind regards
>>>
>>> bob
>>>
>>>
>>>> Thoughts?
>>>> Dipita
>>>>
>>>>
>>>>
>>>> Bob Schellink-2 wrote:
>>>>> Hi Dipita,
>>>>>
>>>>> dshah wrote:
>>>>>> Thanks - in case we cannot upgrade to 2.1.0 and ClickClick
>>>>> The current trunk is pretty much what we want to release as 2.1.0
>>>>> final.
>>>>> So if you want to use 2.1.0 
>>>>> I suggest you just build it from trunk:
>>>>>
>>>>> c:\dev\click>svn co
>>>>> http://svn.apache.org/repos/asf/incubator/click/trunk/click/
>>>>> c:\dev\click>cd build
>>>>> c:\dev\click\build>ant get-deps
>>>>> c:\dev\click\build>ant build-distribution
>>>>>
>>>>> Click recently graduation as an Apache Top Level Project and we are
>>>>> busy
>>>>> moving our infrastructure 
>>>>> from the incubator to TLP. Once this is done we will push out the
>>>>> official
>>>>> 2.1.0 final release.
>>>>>
>>>>>
>>>>>> I am looking at the ajax-select demo that comes with the 1.5.2
>>>>>> version
>>>>>> of
>>>>>> Click and  have a couple of questions:
>>>>>> 1. If you had a form and did something similar to what this example
>>>>>> is
>>>>>> doing
>>>>>> (render part of the form using a different page) via an ajax call,
>>>>>> how
>>>>>> does
>>>>>> the form on your main page get the fields that were rendered using
>>>>>> the
>>>>>> different page or does it?  I mean if I make the page stateful as
>>>>>> suggested
>>>>>> and I render part of the page via an ajax call (which will configure
>>>>>> another
>>>>>> section of the form), I am unclear how both the rendering bind up
to
>>>>>> the
>>>>>> same form element?
>>>>> Using a separate Page for Ajax rendering works OK for displaying extra
>>>>> information such as a Table 
>>>>> etc. For your case (building up a form on the server) this won't work
>>>>> well
>>>>> if the form parts are 
>>>>> built in a separate Page. Technically this is possible when using
>>>>> stateful
>>>>> pages because you can 
>>>>> retrieve the stateful page from the session:
>>>>>
>>>>> public AjaxPage extends BorderPage {
>>>>>
>>>>>    ...
>>>>>
>>>>>    public FormPage getForm() {
>>>>>      FormPage page = (FormPage)
>>>>> getContext().getSessionAttribute(FormPage.class.getName());
>>>>>      return page.getForm();
>>>>>    }
>>>>> }
>>>>>
>>>>> However its probably easier to call back to FormPage itself and build
>>>>> the
>>>>> Form with every call.
>>>>>
>>>>> You can create a helper method to render your partial responses,
>>>>> something
>>>>> like this:
>>>>>
>>>>> public FormPage extends BorderPage {
>>>>>
>>>>>    public void renderPartial(String template, Map templateModel) {
>>>>>      // Depending if you send back HTML, JSON, XML you need to adjust
>>>>> the
>>>>> contentType here
>>>>>      response.setContentType("text/html; charset=UTF-8");
>>>>>      //response.setContentType("text/xml; charset=UTF-8");
>>>>>
>>>>>      response.setHeader("Pragma", "no-cache");
>>>>>
>>>>>      OutputStream outputStream = null;
>>>>>      try {
>>>>>          Context context = getContext();
>>>>>          String partial = context.renderTemplate(template,
>>>>> templateModel);
>>>>>
>>>>>          outputStream = context.getResponse().getOutputStream();
>>>>>
>>>>>          IOUtils.write(partial, outputStream);
>>>>>
>>>>>          // NB: Specify no further rendering required by Click by
>>>>> setting
>>>>> path to null
>>>>>          // Thus Click won't render the Page default template form.htm
>>>>>          setPath(null);
>>>>>
>>>>>      } catch (IOException ioe) {
>>>>>          throw new RuntimeException(ioe);
>>>>>
>>>>>      } finally {
>>>>>          IOUtils.closeQuietly(outputStream);
>>>>>      }
>>>>>    }
>>>>> }
>>>>>
>>>>> The above method is probably better off in a utility class or the
>>>>> border
>>>>> page.
>>>>>
>>>>>> 2.  The ajax-select-include.htm has the following code snippet:
>>>>>>
>>>>>> 
>>>>>> 
>>>>>> 
>>>>>>
>>>>>> Question is do we need to register an ajax event or could I for
>>>>>> example
>>>>>> onCustomerChange event (which is already registered as an attribute
>>>>>> of
>>>>>> the
>>>>>> Select control) directly call the page that renders that section
of
>>>>>> the
>>>>>> form
>>>>>> e.g. using JQuery's load event or something like that?
>>>>> You can just use onCustomerChange as an attribute of the Select
>>>>> control.
>>>>> In Ajax terms this is 
>>>>> called "inline event handling" while the register approach is called
>>>>> "unobtrusive JavaScript", 
>>>>> meaning the the markup doesn't have any behavior specified.
>>>>>
>>>>> You can also look at encapsulating the Ajax behavior in a custom
>>>>> AjaxSelect class:
>>>>>
>>>>> public CustomerAjaxSelect extends Select {
>>>>>
>>>>>    public void onInit() {
>>>>>      select.setAttribute("onchange", "onCustomerChange(this)");
>>>>>    }
>>>>> }
>>>>>
>>>>> kind regards
>>>>>
>>>>> bob
>>>>>
>>>>>
>>>>>> Apologies for stupid questions but I am new to Ajax.
>>>>>>
>>>>>> Thanks!
>>>>>> Dipita
>>>>>>
>>>>>>
>>>>>> Bob Schellink-2 wrote:
>>>>>>> There is a ClickClick jQuery demo which seems very similar to
your
>>>>>>> needs.
>>>>>>> Its a form with two 
>>>>>>> selects where the first Select populates the second Select. You'll
>>>>>>> note
>>>>>>> that the Page is stateful so 
>>>>>>> any changes made to the Form (new fields added etc) will be
>>>>>>> available
>>>>>>> when
>>>>>>> the Form is finally 
>>>>>>> submitted.
>>>>>>>
>>>>>>> http://clickclick-jquery.appspot.com/ajax/select-demo.htm
>>>>>>>
>>>>>>> This example uses jQuery but you'll notice that the JavaScript
Ajax
>>>>>>> logic
>>>>>>> is encapsulated within the 
>>>>>>> JQSelect control, an Ajax aware Select subclass. (Technically
the
>>>>>>> Ajax
>>>>>>> logic is encapsulated within 
>>>>>>> a JQHelper class and JQSelect merely delegates to JQHelper.)
>>>>>>>
>>>>>>> Hope this helps.
>>>>>>>
>>>>>>> kind regards
>>>>>>>
>>>>>>> bob
>>>>>>>
>>>>>>> Bob Schellink wrote:
>>>>>>>> Depending on your time constraints, and since your new to
Ajax and 
>>>>>>>> Click, you want to reconsider using Ajax for your use cases.
For
>>>>>>>> example 
>>>>>>>> you could use a wizard style approach to present the user
with
>>>>>>>> different 
>>>>>>>> options. Each step in the wizard navigates to the next Page
which
>>>>>>>> reacts 
>>>>>>>> to values from the previous Page.
>>>>>>>>
>>>>>>>> Otherwise I highly recommend you use a JS library such as
>>>>>>>> Prototype, 
>>>>>>>> JQuery, Mootools etc. They provide good ajax functionality
and 
>>>>>>>> (generally) shield you from the different browser quirks.
>>>>>>>>
>>>>>>>> One issue you will most likely face is that Click is stateless
by 
>>>>>>>> default. Statelessness has great benefits for some use cases,
but
>>>>>>>> in 
>>>>>>>> your case might not work very well. In your case you will
add
>>>>>>>> fields
>>>>>>>> to 
>>>>>>>> the form over multiple ajax requests. The Form representation
on
>>>>>>>> the 
>>>>>>>> browser will be very different from the Form representation
on the 
>>>>>>>> server. Thus when you finally submit the Form the fields
added with
>>>>>>>> Ajax 
>>>>>>>> won't have a corresponding field on the server Form, and
their
>>>>>>>> values 
>>>>>>>> won't be bound.
>>>>>>>>
>>>>>>>> To remedy this you will probably want to switch to stateful
Pages, 
>>>>>>>> however this is not a simple "flip the switch" setting. Stateless
>>>>>>>> vs 
>>>>>>>> stateful take different approaches. In stateful mode the
Page 
>>>>>>>> constructor is only called once, but the life cycle events
are
>>>>>>>> called 
>>>>>>>> for every request, while stateless pages are recreated every
>>>>>>>> request.
>>>>>>>>
>>>>>>>> So to start I suggest you pick a JS library, create a new
stateful
>>>>>>>> Page 
>>>>>>>> and test against that Page to get things working. Feel free
to post
>>>>>>>> your 
>>>>>>>> code to this list and I'll help where I can.
>>>>>>>>
>>>>>>>> One note about ClickClick's AjaxAdapter is you won't have
to change
>>>>>>>> much 
>>>>>>>> in your code to use the AjaxAdapter since it supports both
Ajax and 
>>>>>>>> non-ajax calls.
>>>>>>>>
>>>>>>>> So if your code looks like this:
>>>>>>>>
>>>>>>>> public class MyPage extends Page {
>>>>>>>>
>>>>>>>>   public void onInit() {
>>>>>>>>     Submit submit = new Submit("submit", this, "onSubmitClick");
>>>>>>>>   }
>>>>>>>>
>>>>>>>>   public boolean onSubmitClick() {
>>>>>>>>      dostuff();
>>>>>>>>      return true;
>>>>>>>>   }
>>>>>>>> }
>>>>>>>>
>>>>>>>> it will change to:
>>>>>>>>
>>>>>>>> public class MyPage extends Page {
>>>>>>>>
>>>>>>>>   public void onInit() {
>>>>>>>>     Submit submit = new Submit("submit");
>>>>>>>>     submit.setActionListener(new AjaxAdapter(){
>>>>>>>>
>>>>>>>>       // This method replaces onSubmitClick() above and is
called
>>>>>>>> for 
>>>>>>>> non-Ajax requests
>>>>>>>>       public boolean onAction(Control control) {
>>>>>>>>         dostuff();
>>>>>>>>         return true;
>>>>>>>>       }
>>>>>>>>
>>>>>>>>       // This method is optional and only called for Ajax
requests
>>>>>>>> which 
>>>>>>>> target the submit button
>>>>>>>>       public Partial onAjaxAction(Control control) {
>>>>>>>>          ...
>>>>>>>>       }
>>>>>>>>
>>>>>>>>     });
>>>>>>>>   }
>>>>>>>> }
>>>>>>>>
>>>>>>>>
>>>>>>>> kind regards
>>>>>>>>
>>>>>>>> bob
>>>>>>>>
>>>>>>>> dshah wrote:
>>>>>>>>
>>>>>>>>> I was looking at the ClickClick examples but it looks
like in
>>>>>>>>> order
>>>>>>>>> to 
>>>>>>>>> use
>>>>>>>>> that we'd have to rewrite all our current code base to
support the
>>>>>>>>> AjaxAdapter etc.
>>>>>>>>> I was hoping to use our current code base which uses
Click 1.5 to 
>>>>>>>>> simply do
>>>>>>>>> what we want (which is calling the servlet to get a partial
form)
>>>>>>>>> -
>>>>>>>>> our
>>>>>>>>> current code base configures the form objects (using
Click
>>>>>>>>> controls) 
>>>>>>>>> on the
>>>>>>>>> server side and then renders it on the browser.. Very
minimal
>>>>>>>>> javascript
>>>>>>>>> validation and selection is done through raw javascript,
no 
>>>>>>>>> libraries.  So
>>>>>>>>> my idea was to continue using the raw libraries to do
what we are 
>>>>>>>>> doing but
>>>>>>>>> also use some ajax library like JQuery or Prototype (we
are not 
>>>>>>>>> particular
>>>>>>>>> what we use) to render part of the form.. The partial
form is 
>>>>>>>>> dependendant
>>>>>>>>> (child selection) based on the user's selection (parent
selection)
>>>>>>>>> and 
>>>>>>>>> needs
>>>>>>>>> to be connect (hooked to the user's selection as the
dependant
>>>>>>>>> would 
>>>>>>>>> change
>>>>>>>>> based on the parent's selection.)
>>>>>>>>>
>>>>>>>>> Any tips are appreciated.
>>>>>>>>> Thanks again!
>>>>>>>>> Dipita
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> Bob Schellink-2 wrote:
>>>>>>>>>> Hi Dipita,
>>>>>>>>>>
>>>>>>>>>> For Click 1.5 there aren't any Ajax specific components
(except
>>>>>>>>>> for
>>>>>>>>>> AutoCompleteField) but you can use Ajax with Click.
Simply invoke
>>>>>>>>>> a 
>>>>>>>>>> target Page and stream back the
>>>>>>>>>> result you need. You probably want to look at the
method 
>>>>>>>>>> Context#renderTemplate() so you can render
>>>>>>>>>> different templates depending on the request parameter.
Or you
>>>>>>>>>> can 
>>>>>>>>>> create specific Pages to handle Ajax
>>>>>>>>>> requests.
>>>>>>>>>>
>>>>>>>>>> Since I'm not sure what problems you are having here
are some
>>>>>>>>>> things
>>>>>>>>>> to
>>>>>>>>>> look at when working with Ajax:
>>>>>>>>>>
>>>>>>>>>> - Ajax calls can use different content types eg:
HTML, JSON, XML.
>>>>>>>>>> So
>>>>>>>>>> depending on what you stream back to the browser
you probably
>>>>>>>>>> want
>>>>>>>>>> to 
>>>>>>>>>> override the Page#getContentType
>>>>>>>>>> to specify the correct type:
>>>>>>>>>>
>>>>>>>>>>    public String getContentType() {
>>>>>>>>>>      return "text/json; charset=UTF-8";
>>>>>>>>>>    }
>>>>>>>>>>
>>>>>>>>>> - If you want to render partial results (and not
have the default
>>>>>>>>>> Page
>>>>>>>>>> template invoked) you have to set the Page path to
null. Have a
>>>>>>>>>> look 
>>>>>>>>>> at the method "export" in the
>>>>>>>>>> example here[1].
>>>>>>>>>>
>>>>>>>>>> The click-examples ship a couple of Ajax examples
you can look
>>>>>>>>>> at,
>>>>>>>>>> especially the ajax-select demo.
>>>>>>>>>>
>>>>>>>>>> There is also a project underway to add Ajax components
but it
>>>>>>>>>> targets
>>>>>>>>>> Click 2.1.0
>>>>>>>>>>
>>>>>>>>>> Btw are you using a JavaScript library?
>>>>>>>>>>
>>>>>>>>>> kind regards
>>>>>>>>>>
>>>>>>>>>> bob
>>>>>>>>>>
>>>>>>>>>> [1]: 
>>>>>>>>>> http://www.avoka.com/click-examples/source-viewer.htm?filename=WEB-INF/classes/org/apache/click/examples/page/general/ExcelExportPage.java

>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> dshah wrote:
>>>>>>>>>>> We are using Apache Click for our webapp and
need to incorporate
>>>>>>>>>>> a 
>>>>>>>>>>> way to
>>>>>>>>>>> dynamically load partial forms based on the user's
selection -
>>>>>>>>>>> does
>>>>>>>>>>> anyone
>>>>>>>>>>> know how we can do this with Click?  Is there
support for Ajax
>>>>>>>>>>> with 
>>>>>>>>>>> Click
>>>>>>>>>>> 1.5 and if so, can someone PLEASE point me to
some examples or
>>>>>>>>>>> documentation. Any help is appreciated as I am
struggling to get
>>>>>>>>>>> any 
>>>>>>>>>>> ajax
>>>>>>>>>>> to
>>>>>>>>>>> work with click.
>>>>>>>>>>>
>>>>>>>>>>> Thank you - someone please read and respond -
really appreciate
>>>>>>>>>>> it.
>>>>>>>>>>> Dipita
>>>>>
>>>
>>>
>> 
> 
> 
> 

-- 
View this message in context: http://n2.nabble.com/Does-Apache-Click-1-5-support-Ajax-please-help-tp4115987p4136572.html
Sent from the click-user mailing list archive at Nabble.com.



Re: Stateful pages - examples?
2009-12-09T00:13:12Z


Ok. Thanks Bob! I'll try that.

Dipita

Bob Schellink-2 wrote:
> 
> I think the idea would be that control action events would add fields to
> the Form, not the onInit
> method. Otherwise, as you mentioned, Click throws the exception.
> 
> public AjaxPage extends Page {
> 
>    private ActionLink more = new ActionLink("more", this, "onMoreClick");
>    private Form form = new Form("form");
> 
>    public boolean onMoreClick() {
>      TextField field = new TextField("name");
>      form.add(field);
> 
>      renderControl(field);
>    }
> 
>    private void renderControl(Control c) {
>       ...
>       HttpServletResponse response = getContext().getResponse();
> 
>       //write the control to the response
>       ...
>       setPath(null);
>    }
> }
> 
> 
> onMoreClick is only called when the link is clicked so you shouldn't
> receive the exception if the 
> Form is submitted.
> 
> That said this discussion is making me think that controls might be better
> off not throwing the 
> exception and instead return silently.
> 
> You can implement this in a custom Form implementation:
> 
> public AjaxForm extends Form {
> 
>    @Override
>    public Control insert(Control control, int index) {
>      // Return if form contains control
>      if (getControlMap().contains(control.getName()) {
>        return control;
>      }
> 
>      // Else insert control
>      super.insert(control, index);
>    }
> }
> 
> 
> kind regards
> 
> bob
> 
> 
> dshah wrote:
>> Hi,
>> Are there any examples with stateful pages?  
>> 
>> I have a test case where I have one page (A) that is stateful and I call
>> another page(B) (via ajax) to load section of a form that is a member of
>> page A.  I have put all the construction of control objects on the
>> onInit()
>> method.. All works fine when to render this pages but when I click on a
>> button to submit the form, I get an error that the "form already contains
>> field".. How can we use stateful pages with form where you want to create
>> the field controls on the onInit() method (since they may change based on
>> user input..)
>> 
>> Here is what my code looks like:
>> Page A: (AjaxTestPage.java)
>> public class AjaxTestPage extends Page
>> {
>> 	
>> 	public Form form =  new Form("form");
>> 	Submit addToOrderSubmit = new Submit("addThisToOrder", this,
>> "onAddThisToOrder");
>> 	
>> 	public AjaxTestPage()
>> 	{
>> 		setStateful(true);
>> 		
>> 	}
>> 	public void onInit()
>> 	{
>> 		super.onInit();
>> 		addMinMaxDropDownsToForm();
>> 		form.add(addToOrderSubmit);
>> 	}
>> 	
>> 	private void addMinMaxDropDownsToForm()
>> 	{
>> 		SelectGroup sg = new SelectGroup("selectOption");
>> 		sg.setLabel("SelectGroupLabel");
>> 		sg.setName("SelectGroupName");
>> 		for (int i = 0; i < 10; i++) {
>> 			String name = "Name" + i;
>> 			Integer intI = new Integer(i);
>> 			String intString = intI.toString();
>> 			Select select = new Select(intString, name);
>> 			select.setWidth("30");
>> 			//select.setAttribute("onChange", "selectMinMaxCondiment('" + i	+
>> "')");
>> 			for (int j = 0; j <= 2; j++) {
>> 				select.add(new Option(String.valueOf(j), String.valueOf(j)));
>> 			}
>> 			sg.add(select);	
>> 		}
>> 		form.add(sg);
>> 	}
>> 	
>> 	public boolean onAddThisToOrder() 
>> 	{ 
>>            //do something here
>>         }
>>        public Form getForm() {
>> 		return this.form;
>> 	}
>> }
>> 
>> Page B (AjaxTestPopulate.java) which populate a new control on the form:
>> public class AjaxTestPopulate extends Page {
>> 
>> 	public CheckList childList = null;
>> 	public Form form = null;
>> 	
>> 	public AjaxTestPopulate() {
>> 		
>> 	}
>> 	
>> 	@Override
>> 	public void onInit() {
>> 		childList = getChildList(); 
>> 		form = getParentForm();
>> 		form.add(childList);
>> 	}
>> 	public Form getParentForm() {
>> 		AjaxTestPage page = (AjaxTestPage)
>> getContext().getSessionAttribute(AjaxTestPage.class.getName()); 
>> 	    return page.getForm(); 
>> 	}
>> 	public CheckList getChildList() {
>> 		childList = new CheckList();
>> 		childList.setLabel("checkListName");
>> 		childList.setName("checkListName");
>> 		childList.setHeight(null);
>> 		childList.setSortable(false);
>> 		for (int i= 0; i < 2; i++) {
>> 			
>> 			Option select = new Option("selectionGroupChildId",  "name"+i);
>> 			childList.add(select);
>> 		}
>> 		return childList;
>> 	}
>> 
>>     public String getContentType() {
>>         return "text/html; charset=UTF-8";
>>     }
>> 
>> }
>> 
>> 
>> Any idea how to do this using stateful pages?
>> 
>> Dipita
> 
> 
> 

-- 
View this message in context: http://n2.nabble.com/Stateful-pages-examples-tp4134634p4136472.html
Sent from the click-user mailing list archive at Nabble.com.





Re: Does Apache Click 1.5 support Ajax - please help!
2009-12-09T00:03:56Z

Yep, see my previous mail on creating a custom Form and overriding the #insert method to return

silently (might be a better default than throwing an exception).

Alternatively you can check if the control exists before adding it:

public void onInit() {
   Field field = new TextField("name");

   if (! form.getControlMap().contains(field.getName())) {
     form.add(field);
   }
}


kind regards

bob


dshah wrote:
> Hi Bob,
> What you are saying makes sense (regarding using javascript to add the
> fields to the form once I figure out which ones were newly added etc) -
> however, basically using stateful pages is not working for me - we cannot
> create the controls on the main page in the constructor since those are
> dynamically created based on the user selection. Because of this limitation,
> if I make the page stateful, the next time the onInit() method is called
> (e.g. when a submit button for the form is clicked,) I am getting an error
> saying the field (the one that is created and initialized on the onInit
> method) already exists in the form..
> 
> How would we get around this problem?
> 
> Once again, thanks for all your help - I appreciate the prompt and very
> explanatory emails.
> Dipita
> 
> 
> Bob Schellink-2 wrote:
>> dshah wrote:
>>> If I have a page (say A) that has a form with some controls (say A1), and
>>> I
>>> have another page (say B) which has another control (say B1).  I use ajax
>>> to
>>> render page B's control.  However, I don't see that control on the server
>>> side for Page A -- as Bob has explained below, it's because the server is
>>> not aware of this render that happened on the client.  Question is - is
>>> getting a handle of the form on Page A and adding control B1 to that form
>>> the only way to make the server aware of this new control that was added?  
>>
>> Basically yes. You either have to access the Form from a stateful Page, or
>> place the Form directly 
>> in the HttpSession and access it from there.
>>
>>
>>> Is there any other way to do this -- basically, if we are going to add
>>> the
>>> control B1 o Page A's form object, then the whole form is being sent back
>>> to/from the client (browser) and server right?  I am wondering is there a
>>> way to not have to send the whole form back/forth from the client/browser
>>> (technically it doesn't seem possible to me but I am not so clear about
>>> all
>>> this..)
>>
>> Sending back the whole Form is probably easiest because Form will include
>> all the markup to render 
>> the controls. But you can send back only the Field/Fields/FieldSet you
>> added, no need to render the 
>> whole Form. You can use your JS library to append the returned
>> Field/Fields/FieldSet to the Form. 
>> Just remember that Form lay out its controls in a grid using the 





>> element. So very likely you 
>> will want to wrap your returned Fields inside  elements as well.
>>
>> Hope that make sense :)
>>
>> kind regards
>>
>> bob
>>
>>
>>> Thoughts?
>>> Dipita
>>>
>>>
>>>
>>> Bob Schellink-2 wrote:
>>>> Hi Dipita,
>>>>
>>>> dshah wrote:
>>>>> Thanks - in case we cannot upgrade to 2.1.0 and ClickClick
>>>> The current trunk is pretty much what we want to release as 2.1.0 final.
>>>> So if you want to use 2.1.0 
>>>> I suggest you just build it from trunk:
>>>>
>>>> c:\dev\click>svn co
>>>> http://svn.apache.org/repos/asf/incubator/click/trunk/click/
>>>> c:\dev\click>cd build
>>>> c:\dev\click\build>ant get-deps
>>>> c:\dev\click\build>ant build-distribution
>>>>
>>>> Click recently graduation as an Apache Top Level Project and we are busy
>>>> moving our infrastructure 
>>>> from the incubator to TLP. Once this is done we will push out the
>>>> official
>>>> 2.1.0 final release.
>>>>
>>>>
>>>>> I am looking at the ajax-select demo that comes with the 1.5.2 version
>>>>> of
>>>>> Click and  have a couple of questions:
>>>>> 1. If you had a form and did something similar to what this example is
>>>>> doing
>>>>> (render part of the form using a different page) via an ajax call, how
>>>>> does
>>>>> the form on your main page get the fields that were rendered using the
>>>>> different page or does it?  I mean if I make the page stateful as
>>>>> suggested
>>>>> and I render part of the page via an ajax call (which will configure
>>>>> another
>>>>> section of the form), I am unclear how both the rendering bind up to
>>>>> the
>>>>> same form element?
>>>> Using a separate Page for Ajax rendering works OK for displaying extra
>>>> information such as a Table 
>>>> etc. For your case (building up a form on the server) this won't work
>>>> well
>>>> if the form parts are 
>>>> built in a separate Page. Technically this is possible when using
>>>> stateful
>>>> pages because you can 
>>>> retrieve the stateful page from the session:
>>>>
>>>> public AjaxPage extends BorderPage {
>>>>
>>>>    ...
>>>>
>>>>    public FormPage getForm() {
>>>>      FormPage page = (FormPage)
>>>> getContext().getSessionAttribute(FormPage.class.getName());
>>>>      return page.getForm();
>>>>    }
>>>> }
>>>>
>>>> However its probably easier to call back to FormPage itself and build
>>>> the
>>>> Form with every call.
>>>>
>>>> You can create a helper method to render your partial responses,
>>>> something
>>>> like this:
>>>>
>>>> public FormPage extends BorderPage {
>>>>
>>>>    public void renderPartial(String template, Map templateModel) {
>>>>      // Depending if you send back HTML, JSON, XML you need to adjust
>>>> the
>>>> contentType here
>>>>      response.setContentType("text/html; charset=UTF-8");
>>>>      //response.setContentType("text/xml; charset=UTF-8");
>>>>
>>>>      response.setHeader("Pragma", "no-cache");
>>>>
>>>>      OutputStream outputStream = null;
>>>>      try {
>>>>          Context context = getContext();
>>>>          String partial = context.renderTemplate(template,
>>>> templateModel);
>>>>
>>>>          outputStream = context.getResponse().getOutputStream();
>>>>
>>>>          IOUtils.write(partial, outputStream);
>>>>
>>>>          // NB: Specify no further rendering required by Click by
>>>> setting
>>>> path to null
>>>>          // Thus Click won't render the Page default template form.htm
>>>>          setPath(null);
>>>>
>>>>      } catch (IOException ioe) {
>>>>          throw new RuntimeException(ioe);
>>>>
>>>>      } finally {
>>>>          IOUtils.closeQuietly(outputStream);
>>>>      }
>>>>    }
>>>> }
>>>>
>>>> The above method is probably better off in a utility class or the border
>>>> page.
>>>>
>>>>> 2.  The ajax-select-include.htm has the following code snippet:
>>>>>
>>>>> 
>>>>> 
>>>>> 
>>>>>
>>>>> Question is do we need to register an ajax event or could I for example
>>>>> onCustomerChange event (which is already registered as an attribute of
>>>>> the
>>>>> Select control) directly call the page that renders that section of the
>>>>> form
>>>>> e.g. using JQuery's load event or something like that?
>>>> You can just use onCustomerChange as an attribute of the Select control.
>>>> In Ajax terms this is 
>>>> called "inline event handling" while the register approach is called
>>>> "unobtrusive JavaScript", 
>>>> meaning the the markup doesn't have any behavior specified.
>>>>
>>>> You can also look at encapsulating the Ajax behavior in a custom
>>>> AjaxSelect class:
>>>>
>>>> public CustomerAjaxSelect extends Select {
>>>>
>>>>    public void onInit() {
>>>>      select.setAttribute("onchange", "onCustomerChange(this)");
>>>>    }
>>>> }
>>>>
>>>> kind regards
>>>>
>>>> bob
>>>>
>>>>
>>>>> Apologies for stupid questions but I am new to Ajax.
>>>>>
>>>>> Thanks!
>>>>> Dipita
>>>>>
>>>>>
>>>>> Bob Schellink-2 wrote:
>>>>>> There is a ClickClick jQuery demo which seems very similar to your
>>>>>> needs.
>>>>>> Its a form with two 
>>>>>> selects where the first Select populates the second Select. You'll
>>>>>> note
>>>>>> that the Page is stateful so 
>>>>>> any changes made to the Form (new fields added etc) will be available
>>>>>> when
>>>>>> the Form is finally 
>>>>>> submitted.
>>>>>>
>>>>>> http://clickclick-jquery.appspot.com/ajax/select-demo.htm
>>>>>>
>>>>>> This example uses jQuery but you'll notice that the JavaScript Ajax
>>>>>> logic
>>>>>> is encapsulated within the 
>>>>>> JQSelect control, an Ajax aware Select subclass. (Technically the
Ajax
>>>>>> logic is encapsulated within 
>>>>>> a JQHelper class and JQSelect merely delegates to JQHelper.)
>>>>>>
>>>>>> Hope this helps.
>>>>>>
>>>>>> kind regards
>>>>>>
>>>>>> bob
>>>>>>
>>>>>> Bob Schellink wrote:
>>>>>>> Depending on your time constraints, and since your new to Ajax
and 
>>>>>>> Click, you want to reconsider using Ajax for your use cases.
For
>>>>>>> example 
>>>>>>> you could use a wizard style approach to present the user with
>>>>>>> different 
>>>>>>> options. Each step in the wizard navigates to the next Page which
>>>>>>> reacts 
>>>>>>> to values from the previous Page.
>>>>>>>
>>>>>>> Otherwise I highly recommend you use a JS library such as Prototype,

>>>>>>> JQuery, Mootools etc. They provide good ajax functionality and

>>>>>>> (generally) shield you from the different browser quirks.
>>>>>>>
>>>>>>> One issue you will most likely face is that Click is stateless
by 
>>>>>>> default. Statelessness has great benefits for some use cases,
but in 
>>>>>>> your case might not work very well. In your case you will add
fields
>>>>>>> to 
>>>>>>> the form over multiple ajax requests. The Form representation
on the 
>>>>>>> browser will be very different from the Form representation on
the 
>>>>>>> server. Thus when you finally submit the Form the fields added
with
>>>>>>> Ajax 
>>>>>>> won't have a corresponding field on the server Form, and their
values 
>>>>>>> won't be bound.
>>>>>>>
>>>>>>> To remedy this you will probably want to switch to stateful Pages,

>>>>>>> however this is not a simple "flip the switch" setting. Stateless
vs 
>>>>>>> stateful take different approaches. In stateful mode the Page

>>>>>>> constructor is only called once, but the life cycle events are
called 
>>>>>>> for every request, while stateless pages are recreated every
request.
>>>>>>>
>>>>>>> So to start I suggest you pick a JS library, create a new stateful
>>>>>>> Page 
>>>>>>> and test against that Page to get things working. Feel free to
post
>>>>>>> your 
>>>>>>> code to this list and I'll help where I can.
>>>>>>>
>>>>>>> One note about ClickClick's AjaxAdapter is you won't have to
change
>>>>>>> much 
>>>>>>> in your code to use the AjaxAdapter since it supports both Ajax
and 
>>>>>>> non-ajax calls.
>>>>>>>
>>>>>>> So if your code looks like this:
>>>>>>>
>>>>>>> public class MyPage extends Page {
>>>>>>>
>>>>>>>   public void onInit() {
>>>>>>>     Submit submit = new Submit("submit", this, "onSubmitClick");
>>>>>>>   }
>>>>>>>
>>>>>>>   public boolean onSubmitClick() {
>>>>>>>      dostuff();
>>>>>>>      return true;
>>>>>>>   }
>>>>>>> }
>>>>>>>
>>>>>>> it will change to:
>>>>>>>
>>>>>>> public class MyPage extends Page {
>>>>>>>
>>>>>>>   public void onInit() {
>>>>>>>     Submit submit = new Submit("submit");
>>>>>>>     submit.setActionListener(new AjaxAdapter(){
>>>>>>>
>>>>>>>       // This method replaces onSubmitClick() above and is called
for 
>>>>>>> non-Ajax requests
>>>>>>>       public boolean onAction(Control control) {
>>>>>>>         dostuff();
>>>>>>>         return true;
>>>>>>>       }
>>>>>>>
>>>>>>>       // This method is optional and only called for Ajax requests
>>>>>>> which 
>>>>>>> target the submit button
>>>>>>>       public Partial onAjaxAction(Control control) {
>>>>>>>          ...
>>>>>>>       }
>>>>>>>
>>>>>>>     });
>>>>>>>   }
>>>>>>> }
>>>>>>>
>>>>>>>
>>>>>>> kind regards
>>>>>>>
>>>>>>> bob
>>>>>>>
>>>>>>> dshah wrote:
>>>>>>>
>>>>>>>> I was looking at the ClickClick examples but it looks like
in order
>>>>>>>> to 
>>>>>>>> use
>>>>>>>> that we'd have to rewrite all our current code base to support
the
>>>>>>>> AjaxAdapter etc.
>>>>>>>> I was hoping to use our current code base which uses Click
1.5 to 
>>>>>>>> simply do
>>>>>>>> what we want (which is calling the servlet to get a partial
form) -
>>>>>>>> our
>>>>>>>> current code base configures the form objects (using Click
controls) 
>>>>>>>> on the
>>>>>>>> server side and then renders it on the browser.. Very minimal
>>>>>>>> javascript
>>>>>>>> validation and selection is done through raw javascript,
no 
>>>>>>>> libraries.  So
>>>>>>>> my idea was to continue using the raw libraries to do what
we are 
>>>>>>>> doing but
>>>>>>>> also use some ajax library like JQuery or Prototype (we are
not 
>>>>>>>> particular
>>>>>>>> what we use) to render part of the form.. The partial form
is 
>>>>>>>> dependendant
>>>>>>>> (child selection) based on the user's selection (parent selection)
>>>>>>>> and 
>>>>>>>> needs
>>>>>>>> to be connect (hooked to the user's selection as the dependant
would 
>>>>>>>> change
>>>>>>>> based on the parent's selection.)
>>>>>>>>
>>>>>>>> Any tips are appreciated.
>>>>>>>> Thanks again!
>>>>>>>> Dipita
>>>>>>>>
>>>>>>>>
>>>>>>>> Bob Schellink-2 wrote:
>>>>>>>>> Hi Dipita,
>>>>>>>>>
>>>>>>>>> For Click 1.5 there aren't any Ajax specific components
(except for
>>>>>>>>> AutoCompleteField) but you can use Ajax with Click. Simply
invoke a 
>>>>>>>>> target Page and stream back the
>>>>>>>>> result you need. You probably want to look at the method

>>>>>>>>> Context#renderTemplate() so you can render
>>>>>>>>> different templates depending on the request parameter.
Or you can 
>>>>>>>>> create specific Pages to handle Ajax
>>>>>>>>> requests.
>>>>>>>>>
>>>>>>>>> Since I'm not sure what problems you are having here
are some
>>>>>>>>> things
>>>>>>>>> to
>>>>>>>>> look at when working with Ajax:
>>>>>>>>>
>>>>>>>>> - Ajax calls can use different content types eg: HTML,
JSON, XML.
>>>>>>>>> So
>>>>>>>>> depending on what you stream back to the browser you
probably want
>>>>>>>>> to 
>>>>>>>>> override the Page#getContentType
>>>>>>>>> to specify the correct type:
>>>>>>>>>
>>>>>>>>>    public String getContentType() {
>>>>>>>>>      return "text/json; charset=UTF-8";
>>>>>>>>>    }
>>>>>>>>>
>>>>>>>>> - If you want to render partial results (and not have
the default
>>>>>>>>> Page
>>>>>>>>> template invoked) you have to set the Page path to null.
Have a
>>>>>>>>> look 
>>>>>>>>> at the method "export" in the
>>>>>>>>> example here[1].
>>>>>>>>>
>>>>>>>>> The click-examples ship a couple of Ajax examples you
can look at,
>>>>>>>>> especially the ajax-select demo.
>>>>>>>>>
>>>>>>>>> There is also a project underway to add Ajax components
but it
>>>>>>>>> targets
>>>>>>>>> Click 2.1.0
>>>>>>>>>
>>>>>>>>> Btw are you using a JavaScript library?
>>>>>>>>>
>>>>>>>>> kind regards
>>>>>>>>>
>>>>>>>>> bob
>>>>>>>>>
>>>>>>>>> [1]: 
>>>>>>>>> http://www.avoka.com/click-examples/source-viewer.htm?filename=WEB-INF/classes/org/apache/click/examples/page/general/ExcelExportPage.java

>>>>>>>>>
>>>>>>>>>
>>>>>>>>> dshah wrote:
>>>>>>>>>> We are using Apache Click for our webapp and need
to incorporate a 
>>>>>>>>>> way to
>>>>>>>>>> dynamically load partial forms based on the user's
selection -
>>>>>>>>>> does
>>>>>>>>>> anyone
>>>>>>>>>> know how we can do this with Click?  Is there support
for Ajax
>>>>>>>>>> with 
>>>>>>>>>> Click
>>>>>>>>>> 1.5 and if so, can someone PLEASE point me to some
examples or
>>>>>>>>>> documentation. Any help is appreciated as I am struggling
to get
>>>>>>>>>> any 
>>>>>>>>>> ajax
>>>>>>>>>> to
>>>>>>>>>> work with click.
>>>>>>>>>>
>>>>>>>>>> Thank you - someone please read and respond - really
appreciate
>>>>>>>>>> it.
>>>>>>>>>> Dipita
>>>>
>>
>>
> 




Re: Where can we download ClickClick?
2009-12-08T23:42:05Z

Sven Pfeiffer wrote:
> Hi Bob,
> 
> will this build also be available as maven-artifact?
> Because currently we have to build and install the artifacts manually.


I'm not sure how maven works but maybe we can leverage sourceforge, which is currently setup
to push 
"net.sf.click" artifacts to maven? Or we'll need to add a separate artifact for "net.sf.clickclick".

kind regards

bob





Re: Stateful pages - examples?
2009-12-08T23:37:26Z

I think the idea would be that control action events would add fields to the Form, not the
onInit
method. Otherwise, as you mentioned, Click throws the exception.

public AjaxPage extends Page {

   private ActionLink more = new ActionLink("more", this, "onMoreClick");
   private Form form = new Form("form");

   public boolean onMoreClick() {
     TextField field = new TextField("name");
     form.add(field);

     renderControl(field);
   }

   private void renderControl(Control c) {
      ...
      HttpServletResponse response = getContext().getResponse();

      //write the control to the response
      ...
      setPath(null);
   }
}


onMoreClick is only called when the link is clicked so you shouldn't receive the exception
if the 
Form is submitted.

That said this discussion is making me think that controls might be better off not throwing
the 
exception and instead return silently.

You can implement this in a custom Form implementation:

public AjaxForm extends Form {

   @Override
   public Control insert(Control control, int index) {
     // Return if form contains control
     if (getControlMap().contains(control.getName()) {
       return control;
     }

     // Else insert control
     super.insert(control, index);
   }
}


kind regards

bob


dshah wrote:
> Hi,
> Are there any examples with stateful pages?  
> 
> I have a test case where I have one page (A) that is stateful and I call
> another page(B) (via ajax) to load section of a form that is a member of
> page A.  I have put all the construction of control objects on the onInit()
> method.. All works fine when to render this pages but when I click on a
> button to submit the form, I get an error that the "form already contains
> field".. How can we use stateful pages with form where you want to create
> the field controls on the onInit() method (since they may change based on
> user input..)
> 
> Here is what my code looks like:
> Page A: (AjaxTestPage.java)
> public class AjaxTestPage extends Page
> {
> 	
> 	public Form form =  new Form("form");
> 	Submit addToOrderSubmit = new Submit("addThisToOrder", this,
> "onAddThisToOrder");
> 	
> 	public AjaxTestPage()
> 	{
> 		setStateful(true);
> 		
> 	}
> 	public void onInit()
> 	{
> 		super.onInit();
> 		addMinMaxDropDownsToForm();
> 		form.add(addToOrderSubmit);
> 	}
> 	
> 	private void addMinMaxDropDownsToForm()
> 	{
> 		SelectGroup sg = new SelectGroup("selectOption");
> 		sg.setLabel("SelectGroupLabel");
> 		sg.setName("SelectGroupName");
> 		for (int i = 0; i < 10; i++) {
> 			String name = "Name" + i;
> 			Integer intI = new Integer(i);
> 			String intString = intI.toString();
> 			Select select = new Select(intString, name);
> 			select.setWidth("30");
> 			//select.setAttribute("onChange", "selectMinMaxCondiment('" + i	+ "')");
> 			for (int j = 0; j <= 2; j++) {
> 				select.add(new Option(String.valueOf(j), String.valueOf(j)));
> 			}
> 			sg.add(select);	
> 		}
> 		form.add(sg);
> 	}
> 	
> 	public boolean onAddThisToOrder() 
> 	{ 
>            //do something here
>         }
>        public Form getForm() {
> 		return this.form;
> 	}
> }
> 
> Page B (AjaxTestPopulate.java) which populate a new control on the form:
> public class AjaxTestPopulate extends Page {
> 
> 	public CheckList childList = null;
> 	public Form form = null;
> 	
> 	public AjaxTestPopulate() {
> 		
> 	}
> 	
> 	@Override
> 	public void onInit() {
> 		childList = getChildList(); 
> 		form = getParentForm();
> 		form.add(childList);
> 	}
> 	public Form getParentForm() {
> 		AjaxTestPage page = (AjaxTestPage)
> getContext().getSessionAttribute(AjaxTestPage.class.getName()); 
> 	    return page.getForm(); 
> 	}
> 	public CheckList getChildList() {
> 		childList = new CheckList();
> 		childList.setLabel("checkListName");
> 		childList.setName("checkListName");
> 		childList.setHeight(null);
> 		childList.setSortable(false);
> 		for (int i= 0; i < 2; i++) {
> 			
> 			Option select = new Option("selectionGroupChildId",  "name"+i);
> 			childList.add(select);
> 		}
> 		return childList;
> 	}
> 
>     public String getContentType() {
>         return "text/html; charset=UTF-8";
>     }
> 
> }
> 
> 
> Any idea how to do this using stateful pages?
> 
> Dipita






Re: Does Apache Click 1.5 support Ajax - please help!
2009-12-08T23:26:15Z


Hi Bob,
What you are saying makes sense (regarding using javascript to add the
fields to the form once I figure out which ones were newly added etc) -
however, basically using stateful pages is not working for me - we cannot
create the controls on the main page in the constructor since those are
dynamically created based on the user selection. Because of this limitation,
if I make the page stateful, the next time the onInit() method is called
(e.g. when a submit button for the form is clicked,) I am getting an error
saying the field (the one that is created and initialized on the onInit
method) already exists in the form..

How would we get around this problem?

Once again, thanks for all your help - I appreciate the prompt and very
explanatory emails.
Dipita


Bob Schellink-2 wrote:
> 
> dshah wrote:
>> 
>> If I have a page (say A) that has a form with some controls (say A1), and
>> I
>> have another page (say B) which has another control (say B1).  I use ajax
>> to
>> render page B's control.  However, I don't see that control on the server
>> side for Page A -- as Bob has explained below, it's because the server is
>> not aware of this render that happened on the client.  Question is - is
>> getting a handle of the form on Page A and adding control B1 to that form
>> the only way to make the server aware of this new control that was added?  
> 
> 
> Basically yes. You either have to access the Form from a stateful Page, or
> place the Form directly 
> in the HttpSession and access it from there.
> 
> 
>> Is there any other way to do this -- basically, if we are going to add
>> the
>> control B1 o Page A's form object, then the whole form is being sent back
>> to/from the client (browser) and server right?  I am wondering is there a
>> way to not have to send the whole form back/forth from the client/browser
>> (technically it doesn't seem possible to me but I am not so clear about
>> all
>> this..)
> 
> 
> Sending back the whole Form is probably easiest because Form will include
> all the markup to render 
> the controls. But you can send back only the Field/Fields/FieldSet you
> added, no need to render the 
> whole Form. You can use your JS library to append the returned
> Field/Fields/FieldSet to the Form. 
> Just remember that Form lay out its controls in a grid using the 






> element. So very likely you 
> will want to wrap your returned Fields inside  elements as well.
> 
> Hope that make sense :)
> 
> kind regards
> 
> bob
> 
> 
>> 
>> Thoughts?
>> Dipita
>> 
>> 
>> 
>> Bob Schellink-2 wrote:
>>> Hi Dipita,
>>>
>>> dshah wrote:
>>>> Thanks - in case we cannot upgrade to 2.1.0 and ClickClick
>>>
>>> The current trunk is pretty much what we want to release as 2.1.0 final.
>>> So if you want to use 2.1.0 
>>> I suggest you just build it from trunk:
>>>
>>> c:\dev\click>svn co
>>> http://svn.apache.org/repos/asf/incubator/click/trunk/click/
>>> c:\dev\click>cd build
>>> c:\dev\click\build>ant get-deps
>>> c:\dev\click\build>ant build-distribution
>>>
>>> Click recently graduation as an Apache Top Level Project and we are busy
>>> moving our infrastructure 
>>> from the incubator to TLP. Once this is done we will push out the
>>> official
>>> 2.1.0 final release.
>>>
>>>
>>>> I am looking at the ajax-select demo that comes with the 1.5.2 version
>>>> of
>>>> Click and  have a couple of questions:
>>>> 1. If you had a form and did something similar to what this example is
>>>> doing
>>>> (render part of the form using a different page) via an ajax call, how
>>>> does
>>>> the form on your main page get the fields that were rendered using the
>>>> different page or does it?  I mean if I make the page stateful as
>>>> suggested
>>>> and I render part of the page via an ajax call (which will configure
>>>> another
>>>> section of the form), I am unclear how both the rendering bind up to
>>>> the
>>>> same form element?
>>>
>>> Using a separate Page for Ajax rendering works OK for displaying extra
>>> information such as a Table 
>>> etc. For your case (building up a form on the server) this won't work
>>> well
>>> if the form parts are 
>>> built in a separate Page. Technically this is possible when using
>>> stateful
>>> pages because you can 
>>> retrieve the stateful page from the session:
>>>
>>> public AjaxPage extends BorderPage {
>>>
>>>    ...
>>>
>>>    public FormPage getForm() {
>>>      FormPage page = (FormPage)
>>> getContext().getSessionAttribute(FormPage.class.getName());
>>>      return page.getForm();
>>>    }
>>> }
>>>
>>> However its probably easier to call back to FormPage itself and build
>>> the
>>> Form with every call.
>>>
>>> You can create a helper method to render your partial responses,
>>> something
>>> like this:
>>>
>>> public FormPage extends BorderPage {
>>>
>>>    public void renderPartial(String template, Map templateModel) {
>>>      // Depending if you send back HTML, JSON, XML you need to adjust
>>> the
>>> contentType here
>>>      response.setContentType("text/html; charset=UTF-8");
>>>      //response.setContentType("text/xml; charset=UTF-8");
>>>
>>>      response.setHeader("Pragma", "no-cache");
>>>
>>>      OutputStream outputStream = null;
>>>      try {
>>>          Context context = getContext();
>>>          String partial = context.renderTemplate(template,
>>> templateModel);
>>>
>>>          outputStream = context.getResponse().getOutputStream();
>>>
>>>          IOUtils.write(partial, outputStream);
>>>
>>>          // NB: Specify no further rendering required by Click by
>>> setting
>>> path to null
>>>          // Thus Click won't render the Page default template form.htm
>>>          setPath(null);
>>>
>>>      } catch (IOException ioe) {
>>>          throw new RuntimeException(ioe);
>>>
>>>      } finally {
>>>          IOUtils.closeQuietly(outputStream);
>>>      }
>>>    }
>>> }
>>>
>>> The above method is probably better off in a utility class or the border
>>> page.
>>>
>>>> 2.  The ajax-select-include.htm has the following code snippet:
>>>>
>>>> 
>>>> 
>>>> 
>>>>
>>>> Question is do we need to register an ajax event or could I for example
>>>> onCustomerChange event (which is already registered as an attribute of
>>>> the
>>>> Select control) directly call the page that renders that section of the
>>>> form
>>>> e.g. using JQuery's load event or something like that?
>>>
>>> You can just use onCustomerChange as an attribute of the Select control.
>>> In Ajax terms this is 
>>> called "inline event handling" while the register approach is called
>>> "unobtrusive JavaScript", 
>>> meaning the the markup doesn't have any behavior specified.
>>>
>>> You can also look at encapsulating the Ajax behavior in a custom
>>> AjaxSelect class:
>>>
>>> public CustomerAjaxSelect extends Select {
>>>
>>>    public void onInit() {
>>>      select.setAttribute("onchange", "onCustomerChange(this)");
>>>    }
>>> }
>>>
>>> kind regards
>>>
>>> bob
>>>
>>>
>>>> Apologies for stupid questions but I am new to Ajax.
>>>>
>>>> Thanks!
>>>> Dipita
>>>>
>>>>
>>>> Bob Schellink-2 wrote:
>>>>> There is a ClickClick jQuery demo which seems very similar to your
>>>>> needs.
>>>>> Its a form with two 
>>>>> selects where the first Select populates the second Select. You'll
>>>>> note
>>>>> that the Page is stateful so 
>>>>> any changes made to the Form (new fields added etc) will be available
>>>>> when
>>>>> the Form is finally 
>>>>> submitted.
>>>>>
>>>>> http://clickclick-jquery.appspot.com/ajax/select-demo.htm
>>>>>
>>>>> This example uses jQuery but you'll notice that the JavaScript Ajax
>>>>> logic
>>>>> is encapsulated within the 
>>>>> JQSelect control, an Ajax aware Select subclass. (Technically the Ajax
>>>>> logic is encapsulated within 
>>>>> a JQHelper class and JQSelect merely delegates to JQHelper.)
>>>>>
>>>>> Hope this helps.
>>>>>
>>>>> kind regards
>>>>>
>>>>> bob
>>>>>
>>>>> Bob Schellink wrote:
>>>>>> Depending on your time constraints, and since your new to Ajax and

>>>>>> Click, you want to reconsider using Ajax for your use cases. For
>>>>>> example 
>>>>>> you could use a wizard style approach to present the user with
>>>>>> different 
>>>>>> options. Each step in the wizard navigates to the next Page which
>>>>>> reacts 
>>>>>> to values from the previous Page.
>>>>>>
>>>>>> Otherwise I highly recommend you use a JS library such as Prototype,

>>>>>> JQuery, Mootools etc. They provide good ajax functionality and 
>>>>>> (generally) shield you from the different browser quirks.
>>>>>>
>>>>>> One issue you will most likely face is that Click is stateless by

>>>>>> default. Statelessness has great benefits for some use cases, but
in 
>>>>>> your case might not work very well. In your case you will add fields
>>>>>> to 
>>>>>> the form over multiple ajax requests. The Form representation on
the 
>>>>>> browser will be very different from the Form representation on the

>>>>>> server. Thus when you finally submit the Form the fields added with
>>>>>> Ajax 
>>>>>> won't have a corresponding field on the server Form, and their values

>>>>>> won't be bound.
>>>>>>
>>>>>> To remedy this you will probably want to switch to stateful Pages,

>>>>>> however this is not a simple "flip the switch" setting. Stateless
vs 
>>>>>> stateful take different approaches. In stateful mode the Page 
>>>>>> constructor is only called once, but the life cycle events are called

>>>>>> for every request, while stateless pages are recreated every request.
>>>>>>
>>>>>> So to start I suggest you pick a JS library, create a new stateful
>>>>>> Page 
>>>>>> and test against that Page to get things working. Feel free to post
>>>>>> your 
>>>>>> code to this list and I'll help where I can.
>>>>>>
>>>>>> One note about ClickClick's AjaxAdapter is you won't have to change
>>>>>> much 
>>>>>> in your code to use the AjaxAdapter since it supports both Ajax and

>>>>>> non-ajax calls.
>>>>>>
>>>>>> So if your code looks like this:
>>>>>>
>>>>>> public class MyPage extends Page {
>>>>>>
>>>>>>   public void onInit() {
>>>>>>     Submit submit = new Submit("submit", this, "onSubmitClick");
>>>>>>   }
>>>>>>
>>>>>>   public boolean onSubmitClick() {
>>>>>>      dostuff();
>>>>>>      return true;
>>>>>>   }
>>>>>> }
>>>>>>
>>>>>> it will change to:
>>>>>>
>>>>>> public class MyPage extends Page {
>>>>>>
>>>>>>   public void onInit() {
>>>>>>     Submit submit = new Submit("submit");
>>>>>>     submit.setActionListener(new AjaxAdapter(){
>>>>>>
>>>>>>       // This method replaces onSubmitClick() above and is called
for 
>>>>>> non-Ajax requests
>>>>>>       public boolean onAction(Control control) {
>>>>>>         dostuff();
>>>>>>         return true;
>>>>>>       }
>>>>>>
>>>>>>       // This method is optional and only called for Ajax requests
>>>>>> which 
>>>>>> target the submit button
>>>>>>       public Partial onAjaxAction(Control control) {
>>>>>>          ...
>>>>>>       }
>>>>>>
>>>>>>     });
>>>>>>   }
>>>>>> }
>>>>>>
>>>>>>
>>>>>> kind regards
>>>>>>
>>>>>> bob
>>>>>>
>>>>>> dshah wrote:
>>>>>>
>>>>>>> I was looking at the ClickClick examples but it looks like in
order
>>>>>>> to 
>>>>>>> use
>>>>>>> that we'd have to rewrite all our current code base to support
the
>>>>>>> AjaxAdapter etc.
>>>>>>> I was hoping to use our current code base which uses Click 1.5
to 
>>>>>>> simply do
>>>>>>> what we want (which is calling the servlet to get a partial form)
-
>>>>>>> our
>>>>>>> current code base configures the form objects (using Click controls)

>>>>>>> on the
>>>>>>> server side and then renders it on the browser.. Very minimal
>>>>>>> javascript
>>>>>>> validation and selection is done through raw javascript, no 
>>>>>>> libraries.  So
>>>>>>> my idea was to continue using the raw libraries to do what we
are 
>>>>>>> doing but
>>>>>>> also use some ajax library like JQuery or Prototype (we are not

>>>>>>> particular
>>>>>>> what we use) to render part of the form.. The partial form is

>>>>>>> dependendant
>>>>>>> (child selection) based on the user's selection (parent selection)
>>>>>>> and 
>>>>>>> needs
>>>>>>> to be connect (hooked to the user's selection as the dependant
would 
>>>>>>> change
>>>>>>> based on the parent's selection.)
>>>>>>>
>>>>>>> Any tips are appreciated.
>>>>>>> Thanks again!
>>>>>>> Dipita
>>>>>>>
>>>>>>>
>>>>>>> Bob Schellink-2 wrote:
>>>>>>>> Hi Dipita,
>>>>>>>>
>>>>>>>> For Click 1.5 there aren't any Ajax specific components (except
for
>>>>>>>> AutoCompleteField) but you can use Ajax with Click. Simply
invoke a 
>>>>>>>> target Page and stream back the
>>>>>>>> result you need. You probably want to look at the method

>>>>>>>> Context#renderTemplate() so you can render
>>>>>>>> different templates depending on the request parameter. Or
you can 
>>>>>>>> create specific Pages to handle Ajax
>>>>>>>> requests.
>>>>>>>>
>>>>>>>> Since I'm not sure what problems you are having here are
some
>>>>>>>> things
>>>>>>>> to
>>>>>>>> look at when working with Ajax:
>>>>>>>>
>>>>>>>> - Ajax calls can use different content types eg: HTML, JSON,
XML.
>>>>>>>> So
>>>>>>>> depending on what you stream back to the browser you probably
want
>>>>>>>> to 
>>>>>>>> override the Page#getContentType
>>>>>>>> to specify the correct type:
>>>>>>>>
>>>>>>>>    public String getContentType() {
>>>>>>>>      return "text/json; charset=UTF-8";
>>>>>>>>    }
>>>>>>>>
>>>>>>>> - If you want to render partial results (and not have the
default
>>>>>>>> Page
>>>>>>>> template invoked) you have to set the Page path to null.
Have a
>>>>>>>> look 
>>>>>>>> at the method "export" in the
>>>>>>>> example here[1].
>>>>>>>>
>>>>>>>> The click-examples ship a couple of Ajax examples you can
look at,
>>>>>>>> especially the ajax-select demo.
>>>>>>>>
>>>>>>>> There is also a project underway to add Ajax components but
it
>>>>>>>> targets
>>>>>>>> Click 2.1.0
>>>>>>>>
>>>>>>>> Btw are you using a JavaScript library?
>>>>>>>>
>>>>>>>> kind regards
>>>>>>>>
>>>>>>>> bob
>>>>>>>>
>>>>>>>> [1]: 
>>>>>>>> http://www.avoka.com/click-examples/source-viewer.htm?filename=WEB-INF/classes/org/apache/click/examples/page/general/ExcelExportPage.java

>>>>>>>>
>>>>>>>>
>>>>>>>> dshah wrote:
>>>>>>>>> We are using Apache Click for our webapp and need to
incorporate a 
>>>>>>>>> way to
>>>>>>>>> dynamically load partial forms based on the user's selection
-
>>>>>>>>> does
>>>>>>>>> anyone
>>>>>>>>> know how we can do this with Click?  Is there support
for Ajax
>>>>>>>>> with 
>>>>>>>>> Click
>>>>>>>>> 1.5 and if so, can someone PLEASE point me to some examples
or
>>>>>>>>> documentation. Any help is appreciated as I am struggling
to get
>>>>>>>>> any 
>>>>>>>>> ajax
>>>>>>>>> to
>>>>>>>>> work with click.
>>>>>>>>>
>>>>>>>>> Thank you - someone please read and respond - really
appreciate
>>>>>>>>> it.
>>>>>>>>> Dipita
>>>>>
>>>
>>>
>> 
> 
> 
> 

-- 
View this message in context: http://n2.nabble.com/Does-Apache-Click-1-5-support-Ajax-please-help-tp4115987p4136233.html
Sent from the click-user mailing list archive at Nabble.com.



Re: Where can we download ClickClick?
2009-12-08T23:26:10Z

Hi Bob,

will this build also be available as maven-artifact?
Because currently we have to build and install the artifacts manually.


Bob Schellink wrote:
> dshah wrote:
>> Ok Thanks SVen -- we'll try that out.
>
>
> Once 2.1.0 is out, I'll put up a build for ClickClick.
>






Re: Where can we download ClickClick?
2009-12-08T23:12:34Z

dshah wrote:
> Ok Thanks SVen -- we'll try that out.


Once 2.1.0 is out, I'll put up a build for ClickClick.





Re: Does Apache Click 1.5 support Ajax - please help!
2009-12-08T23:11:14Z

dshah wrote:
> 
> If I have a page (say A) that has a form with some controls (say A1), and I
> have another page (say B) which has another control (say B1).  I use ajax to
> render page B's control.  However, I don't see that control on the server
> side for Page A -- as Bob has explained below, it's because the server is
> not aware of this render that happened on the client.  Question is - is
> getting a handle of the form on Page A and adding control B1 to that form
> the only way to make the server aware of this new control that was added?  


Basically yes. You either have to access the Form from a stateful Page, or place the Form
directly 
in the HttpSession and access it from there.


> Is there any other way to do this -- basically, if we are going to add the
> control B1 o Page A's form object, then the whole form is being sent back
> to/from the client (browser) and server right?  I am wondering is there a
> way to not have to send the whole form back/forth from the client/browser
> (technically it doesn't seem possible to me but I am not so clear about all
> this..)


Sending back the whole Form is probably easiest because Form will include all the markup to
render 
the controls. But you can send back only the Field/Fields/FieldSet you added, no need to render
the 
whole Form. You can use your JS library to append the returned Field/Fields/FieldSet to the
Form. 
Just remember that Form lay out its controls in a grid using the 





 element. So
very likely you 
will want to wrap your returned Fields inside  elements as well.

Hope that make sense :)

kind regards

bob


> 
> Thoughts?
> Dipita
> 
> 
> 
> Bob Schellink-2 wrote:
>> Hi Dipita,
>>
>> dshah wrote:
>>> Thanks - in case we cannot upgrade to 2.1.0 and ClickClick
>>
>> The current trunk is pretty much what we want to release as 2.1.0 final.
>> So if you want to use 2.1.0 
>> I suggest you just build it from trunk:
>>
>> c:\dev\click>svn co
>> http://svn.apache.org/repos/asf/incubator/click/trunk/click/
>> c:\dev\click>cd build
>> c:\dev\click\build>ant get-deps
>> c:\dev\click\build>ant build-distribution
>>
>> Click recently graduation as an Apache Top Level Project and we are busy
>> moving our infrastructure 
>> from the incubator to TLP. Once this is done we will push out the official
>> 2.1.0 final release.
>>
>>
>>> I am looking at the ajax-select demo that comes with the 1.5.2 version of
>>> Click and  have a couple of questions:
>>> 1. If you had a form and did something similar to what this example is
>>> doing
>>> (render part of the form using a different page) via an ajax call, how
>>> does
>>> the form on your main page get the fields that were rendered using the
>>> different page or does it?  I mean if I make the page stateful as
>>> suggested
>>> and I render part of the page via an ajax call (which will configure
>>> another
>>> section of the form), I am unclear how both the rendering bind up to the
>>> same form element?
>>
>> Using a separate Page for Ajax rendering works OK for displaying extra
>> information such as a Table 
>> etc. For your case (building up a form on the server) this won't work well
>> if the form parts are 
>> built in a separate Page. Technically this is possible when using stateful
>> pages because you can 
>> retrieve the stateful page from the session:
>>
>> public AjaxPage extends BorderPage {
>>
>>    ...
>>
>>    public FormPage getForm() {
>>      FormPage page = (FormPage)
>> getContext().getSessionAttribute(FormPage.class.getName());
>>      return page.getForm();
>>    }
>> }
>>
>> However its probably easier to call back to FormPage itself and build the
>> Form with every call.
>>
>> You can create a helper method to render your partial responses, something
>> like this:
>>
>> public FormPage extends BorderPage {
>>
>>    public void renderPartial(String template, Map templateModel) {
>>      // Depending if you send back HTML, JSON, XML you need to adjust the
>> contentType here
>>      response.setContentType("text/html; charset=UTF-8");
>>      //response.setContentType("text/xml; charset=UTF-8");
>>
>>      response.setHeader("Pragma", "no-cache");
>>
>>      OutputStream outputStream = null;
>>      try {
>>          Context context = getContext();
>>          String partial = context.renderTemplate(template, templateModel);
>>
>>          outputStream = context.getResponse().getOutputStream();
>>
>>          IOUtils.write(partial, outputStream);
>>
>>          // NB: Specify no further rendering required by Click by setting
>> path to null
>>          // Thus Click won't render the Page default template form.htm
>>          setPath(null);
>>
>>      } catch (IOException ioe) {
>>          throw new RuntimeException(ioe);
>>
>>      } finally {
>>          IOUtils.closeQuietly(outputStream);
>>      }
>>    }
>> }
>>
>> The above method is probably better off in a utility class or the border
>> page.
>>
>>> 2.  The ajax-select-include.htm has the following code snippet:
>>>
>>> 
>>> 
>>> 
>>>
>>> Question is do we need to register an ajax event or could I for example
>>> onCustomerChange event (which is already registered as an attribute of
>>> the
>>> Select control) directly call the page that renders that section of the
>>> form
>>> e.g. using JQuery's load event or something like that?
>>
>> You can just use onCustomerChange as an attribute of the Select control.
>> In Ajax terms this is 
>> called "inline event handling" while the register approach is called
>> "unobtrusive JavaScript", 
>> meaning the the markup doesn't have any behavior specified.
>>
>> You can also look at encapsulating the Ajax behavior in a custom
>> AjaxSelect class:
>>
>> public CustomerAjaxSelect extends Select {
>>
>>    public void onInit() {
>>      select.setAttribute("onchange", "onCustomerChange(this)");
>>    }
>> }
>>
>> kind regards
>>
>> bob
>>
>>
>>> Apologies for stupid questions but I am new to Ajax.
>>>
>>> Thanks!
>>> Dipita
>>>
>>>
>>> Bob Schellink-2 wrote:
>>>> There is a ClickClick jQuery demo which seems very similar to your
>>>> needs.
>>>> Its a form with two 
>>>> selects where the first Select populates the second Select. You'll note
>>>> that the Page is stateful so 
>>>> any changes made to the Form (new fields added etc) will be available
>>>> when
>>>> the Form is finally 
>>>> submitted.
>>>>
>>>> http://clickclick-jquery.appspot.com/ajax/select-demo.htm
>>>>
>>>> This example uses jQuery but you'll notice that the JavaScript Ajax
>>>> logic
>>>> is encapsulated within the 
>>>> JQSelect control, an Ajax aware Select subclass. (Technically the Ajax
>>>> logic is encapsulated within 
>>>> a JQHelper class and JQSelect merely delegates to JQHelper.)
>>>>
>>>> Hope this helps.
>>>>
>>>> kind regards
>>>>
>>>> bob
>>>>
>>>> Bob Schellink wrote:
>>>>> Depending on your time constraints, and since your new to Ajax and 
>>>>> Click, you want to reconsider using Ajax for your use cases. For
>>>>> example 
>>>>> you could use a wizard style approach to present the user with
>>>>> different 
>>>>> options. Each step in the wizard navigates to the next Page which
>>>>> reacts 
>>>>> to values from the previous Page.
>>>>>
>>>>> Otherwise I highly recommend you use a JS library such as Prototype,

>>>>> JQuery, Mootools etc. They provide good ajax functionality and 
>>>>> (generally) shield you from the different browser quirks.
>>>>>
>>>>> One issue you will most likely face is that Click is stateless by 
>>>>> default. Statelessness has great benefits for some use cases, but in

>>>>> your case might not work very well. In your case you will add fields
to 
>>>>> the form over multiple ajax requests. The Form representation on the

>>>>> browser will be very different from the Form representation on the 
>>>>> server. Thus when you finally submit the Form the fields added with
>>>>> Ajax 
>>>>> won't have a corresponding field on the server Form, and their values

>>>>> won't be bound.
>>>>>
>>>>> To remedy this you will probably want to switch to stateful Pages, 
>>>>> however this is not a simple "flip the switch" setting. Stateless vs

>>>>> stateful take different approaches. In stateful mode the Page 
>>>>> constructor is only called once, but the life cycle events are called

>>>>> for every request, while stateless pages are recreated every request.
>>>>>
>>>>> So to start I suggest you pick a JS library, create a new stateful Page

>>>>> and test against that Page to get things working. Feel free to post
>>>>> your 
>>>>> code to this list and I'll help where I can.
>>>>>
>>>>> One note about ClickClick's AjaxAdapter is you won't have to change
>>>>> much 
>>>>> in your code to use the AjaxAdapter since it supports both Ajax and 
>>>>> non-ajax calls.
>>>>>
>>>>> So if your code looks like this:
>>>>>
>>>>> public class MyPage extends Page {
>>>>>
>>>>>   public void onInit() {
>>>>>     Submit submit = new Submit("submit", this, "onSubmitClick");
>>>>>   }
>>>>>
>>>>>   public boolean onSubmitClick() {
>>>>>      dostuff();
>>>>>      return true;
>>>>>   }
>>>>> }
>>>>>
>>>>> it will change to:
>>>>>
>>>>> public class MyPage extends Page {
>>>>>
>>>>>   public void onInit() {
>>>>>     Submit submit = new Submit("submit");
>>>>>     submit.setActionListener(new AjaxAdapter(){
>>>>>
>>>>>       // This method replaces onSubmitClick() above and is called for

>>>>> non-Ajax requests
>>>>>       public boolean onAction(Control control) {
>>>>>         dostuff();
>>>>>         return true;
>>>>>       }
>>>>>
>>>>>       // This method is optional and only called for Ajax requests
>>>>> which 
>>>>> target the submit button
>>>>>       public Partial onAjaxAction(Control control) {
>>>>>          ...
>>>>>       }
>>>>>
>>>>>     });
>>>>>   }
>>>>> }
>>>>>
>>>>>
>>>>> kind regards
>>>>>
>>>>> bob
>>>>>
>>>>> dshah wrote:
>>>>>
>>>>>> I was looking at the ClickClick examples but it looks like in order
to 
>>>>>> use
>>>>>> that we'd have to rewrite all our current code base to support the
>>>>>> AjaxAdapter etc.
>>>>>> I was hoping to use our current code base which uses Click 1.5 to

>>>>>> simply do
>>>>>> what we want (which is calling the servlet to get a partial form)
-
>>>>>> our
>>>>>> current code base configures the form objects (using Click controls)

>>>>>> on the
>>>>>> server side and then renders it on the browser.. Very minimal
>>>>>> javascript
>>>>>> validation and selection is done through raw javascript, no 
>>>>>> libraries.  So
>>>>>> my idea was to continue using the raw libraries to do what we are

>>>>>> doing but
>>>>>> also use some ajax library like JQuery or Prototype (we are not 
>>>>>> particular
>>>>>> what we use) to render part of the form.. The partial form is 
>>>>>> dependendant
>>>>>> (child selection) based on the user's selection (parent selection)
and 
>>>>>> needs
>>>>>> to be connect (hooked to the user's selection as the dependant would

>>>>>> change
>>>>>> based on the parent's selection.)
>>>>>>
>>>>>> Any tips are appreciated.
>>>>>> Thanks again!
>>>>>> Dipita
>>>>>>
>>>>>>
>>>>>> Bob Schellink-2 wrote:
>>>>>>> Hi Dipita,
>>>>>>>
>>>>>>> For Click 1.5 there aren't any Ajax specific components (except
for
>>>>>>> AutoCompleteField) but you can use Ajax with Click. Simply invoke
a 
>>>>>>> target Page and stream back the
>>>>>>> result you need. You probably want to look at the method 
>>>>>>> Context#renderTemplate() so you can render
>>>>>>> different templates depending on the request parameter. Or you
can 
>>>>>>> create specific Pages to handle Ajax
>>>>>>> requests.
>>>>>>>
>>>>>>> Since I'm not sure what problems you are having here are some
things
>>>>>>> to
>>>>>>> look at when working with Ajax:
>>>>>>>
>>>>>>> - Ajax calls can use different content types eg: HTML, JSON,
XML. So
>>>>>>> depending on what you stream back to the browser you probably
want to 
>>>>>>> override the Page#getContentType
>>>>>>> to specify the correct type:
>>>>>>>
>>>>>>>    public String getContentType() {
>>>>>>>      return "text/json; charset=UTF-8";
>>>>>>>    }
>>>>>>>
>>>>>>> - If you want to render partial results (and not have the default
>>>>>>> Page
>>>>>>> template invoked) you have to set the Page path to null. Have
a look 
>>>>>>> at the method "export" in the
>>>>>>> example here[1].
>>>>>>>
>>>>>>> The click-examples ship a couple of Ajax examples you can look
at,
>>>>>>> especially the ajax-select demo.
>>>>>>>
>>>>>>> There is also a project underway to add Ajax components but it
>>>>>>> targets
>>>>>>> Click 2.1.0
>>>>>>>
>>>>>>> Btw are you using a JavaScript library?
>>>>>>>
>>>>>>> kind regards
>>>>>>>
>>>>>>> bob
>>>>>>>
>>>>>>> [1]: 
>>>>>>> http://www.avoka.com/click-examples/source-viewer.htm?filename=WEB-INF/classes/org/apache/click/examples/page/general/ExcelExportPage.java

>>>>>>>
>>>>>>>
>>>>>>> dshah wrote:
>>>>>>>> We are using Apache Click for our webapp and need to incorporate
a 
>>>>>>>> way to
>>>>>>>> dynamically load partial forms based on the user's selection
- does
>>>>>>>> anyone
>>>>>>>> know how we can do this with Click?  Is there support for
Ajax with 
>>>>>>>> Click
>>>>>>>> 1.5 and if so, can someone PLEASE point me to some examples
or
>>>>>>>> documentation. Any help is appreciated as I am struggling
to get any 
>>>>>>>> ajax
>>>>>>>> to
>>>>>>>> work with click.
>>>>>>>>
>>>>>>>> Thank you - someone please read and respond - really appreciate
it.
>>>>>>>> Dipita
>>>>
>>
>>
> 




Re: Where can we download ClickClick?
2009-12-08T22:31:17Z


Ok Thanks SVen -- we'll try that out.

Dipita

sven.pfeiffer wrote:
> 
> Hi Dipita,
> 
> as far as I know there are currently no binary artifacts to download.
> 
> You can checkout the sources as described here: 
> http://code.google.com/p/clickclick/source/checkout
> 
> To build them you simply need to run ant as described in the README.html
> 
> Hope this helps
> SVen
> 
> 
> dshah wrote:
>> Does anyone know if we can download code/version of ClickClick to
>> test/understand how to use it?
>>
>> Thanks!
>> Dipita
>>   
> 
> 
> 

-- 
View this message in context: http://n2.nabble.com/Where-can-we-download-ClickClick-tp4135820p4135898.html
Sent from the click-user mailing list archive at Nabble.com.





Re: Where can we download ClickClick?
2009-12-08T22:24:28Z

Hi Dipita,

as far as I know there are currently no binary artifacts to download.

You can checkout the sources as described here: 
http://code.google.com/p/clickclick/source/checkout

To build them you simply need to run ant as described in the README.html

Hope this helps
SVen


dshah wrote:
> Does anyone know if we can download code/version of ClickClick to
> test/understand how to use it?
>
> Thanks!
> Dipita
>   






Where can we download ClickClick?
2009-12-08T22:17:09Z


Does anyone know if we can download code/version of ClickClick to
test/understand how to use it?

Thanks!
Dipita
-- 
View this message in context: http://n2.nabble.com/Where-can-we-download-ClickClick-tp4135820p4135820.html
Sent from the click-user mailing list archive at Nabble.com.





Stateful pages - examples?
2009-12-08T19:20:37Z


Hi,
Are there any examples with stateful pages?  

I have a test case where I have one page (A) that is stateful and I call
another page(B) (via ajax) to load section of a form that is a member of
page A.  I have put all the construction of control objects on the onInit()
method.. All works fine when to render this pages but when I click on a
button to submit the form, I get an error that the "form already contains
field".. How can we use stateful pages with form where you want to create
the field controls on the onInit() method (since they may change based on
user input..)

Here is what my code looks like:
Page A: (AjaxTestPage.java)
public class AjaxTestPage extends Page
{
	
	public Form form =  new Form("form");
	Submit addToOrderSubmit = new Submit("addThisToOrder", this,
"onAddThisToOrder");
	
	public AjaxTestPage()
	{
		setStateful(true);
		
	}
	public void onInit()
	{
		super.onInit();
		addMinMaxDropDownsToForm();
		form.add(addToOrderSubmit);
	}
	
	private void addMinMaxDropDownsToForm()
	{
		SelectGroup sg = new SelectGroup("selectOption");
		sg.setLabel("SelectGroupLabel");
		sg.setName("SelectGroupName");
		for (int i = 0; i < 10; i++) {
			String name = "Name" + i;
			Integer intI = new Integer(i);
			String intString = intI.toString();
			Select select = new Select(intString, name);
			select.setWidth("30");
			//select.setAttribute("onChange", "selectMinMaxCondiment('" + i	+ "')");
			for (int j = 0; j <= 2; j++) {
				select.add(new Option(String.valueOf(j), String.valueOf(j)));
			}
			sg.add(select);	
		}
		form.add(sg);
	}
	
	public boolean onAddThisToOrder() 
	{ 
           //do something here
        }
       public Form getForm() {
		return this.form;
	}
}

Page B (AjaxTestPopulate.java) which populate a new control on the form:
public class AjaxTestPopulate extends Page {

	public CheckList childList = null;
	public Form form = null;
	
	public AjaxTestPopulate() {
		
	}
	
	@Override
	public void onInit() {
		childList = getChildList(); 
		form = getParentForm();
		form.add(childList);
	}
	public Form getParentForm() {
		AjaxTestPage page = (AjaxTestPage)
getContext().getSessionAttribute(AjaxTestPage.class.getName()); 
	    return page.getForm(); 
	}
	public CheckList getChildList() {
		childList = new CheckList();
		childList.setLabel("checkListName");
		childList.setName("checkListName");
		childList.setHeight(null);
		childList.setSortable(false);
		for (int i= 0; i < 2; i++) {
			
			Option select = new Option("selectionGroupChildId",  "name"+i);
			childList.add(select);
		}
		return childList;
	}

    public String getContentType() {
        return "text/html; charset=UTF-8";
    }

}


Any idea how to do this using stateful pages?

Dipita
-- 
View this message in context: http://n2.nabble.com/Stateful-pages-examples-tp4134634p4134634.html
Sent from the click-user mailing list archive at Nabble.com.





Re: Does Apache Click 1.5 support Ajax - please help!
2009-12-08T18:23:02Z


Hi Bob et Al,
I am asking this question again to confirm that this is my only option..

If I have a page (say A) that has a form with some controls (say A1), and I
have another page (say B) which has another control (say B1).  I use ajax to
render page B's control.  However, I don't see that control on the server
side for Page A -- as Bob has explained below, it's because the server is
not aware of this render that happened on the client.  Question is - is
getting a handle of the form on Page A and adding control B1 to that form
the only way to make the server aware of this new control that was added?  

Is there any other way to do this -- basically, if we are going to add the
control B1 o Page A's form object, then the whole form is being sent back
to/from the client (browser) and server right?  I am wondering is there a
way to not have to send the whole form back/forth from the client/browser
(technically it doesn't seem possible to me but I am not so clear about all
this..)

Thoughts?
Dipita



Bob Schellink-2 wrote:
> 
> Hi Dipita,
> 
> dshah wrote:
>> Thanks - in case we cannot upgrade to 2.1.0 and ClickClick
> 
> 
> The current trunk is pretty much what we want to release as 2.1.0 final.
> So if you want to use 2.1.0 
> I suggest you just build it from trunk:
> 
> c:\dev\click>svn co
> http://svn.apache.org/repos/asf/incubator/click/trunk/click/
> c:\dev\click>cd build
> c:\dev\click\build>ant get-deps
> c:\dev\click\build>ant build-distribution
> 
> Click recently graduation as an Apache Top Level Project and we are busy
> moving our infrastructure 
> from the incubator to TLP. Once this is done we will push out the official
> 2.1.0 final release.
> 
> 
>> I am looking at the ajax-select demo that comes with the 1.5.2 version of
>> Click and  have a couple of questions:
>> 1. If you had a form and did something similar to what this example is
>> doing
>> (render part of the form using a different page) via an ajax call, how
>> does
>> the form on your main page get the fields that were rendered using the
>> different page or does it?  I mean if I make the page stateful as
>> suggested
>> and I render part of the page via an ajax call (which will configure
>> another
>> section of the form), I am unclear how both the rendering bind up to the
>> same form element?
> 
> 
> Using a separate Page for Ajax rendering works OK for displaying extra
> information such as a Table 
> etc. For your case (building up a form on the server) this won't work well
> if the form parts are 
> built in a separate Page. Technically this is possible when using stateful
> pages because you can 
> retrieve the stateful page from the session:
> 
> public AjaxPage extends BorderPage {
> 
>    ...
> 
>    public FormPage getForm() {
>      FormPage page = (FormPage)
> getContext().getSessionAttribute(FormPage.class.getName());
>      return page.getForm();
>    }
> }
> 
> However its probably easier to call back to FormPage itself and build the
> Form with every call.
> 
> You can create a helper method to render your partial responses, something
> like this:
> 
> public FormPage extends BorderPage {
> 
>    public void renderPartial(String template, Map templateModel) {
>      // Depending if you send back HTML, JSON, XML you need to adjust the
> contentType here
>      response.setContentType("text/html; charset=UTF-8");
>      //response.setContentType("text/xml; charset=UTF-8");
> 
>      response.setHeader("Pragma", "no-cache");
> 
>      OutputStream outputStream = null;
>      try {
>          Context context = getContext();
>          String partial = context.renderTemplate(template, templateModel);
> 
>          outputStream = context.getResponse().getOutputStream();
> 
>          IOUtils.write(partial, outputStream);
> 
>          // NB: Specify no further rendering required by Click by setting
> path to null
>          // Thus Click won't render the Page default template form.htm
>          setPath(null);
> 
>      } catch (IOException ioe) {
>          throw new RuntimeException(ioe);
> 
>      } finally {
>          IOUtils.closeQuietly(outputStream);
>      }
>    }
> }
> 
> The above method is probably better off in a utility class or the border
> page.
> 
>> 
>> 2.  The ajax-select-include.htm has the following code snippet:
>> 
>> 
>> 
>> 
>> 
>> Question is do we need to register an ajax event or could I for example
>> onCustomerChange event (which is already registered as an attribute of
>> the
>> Select control) directly call the page that renders that section of the
>> form
>> e.g. using JQuery's load event or something like that?
> 
> 
> You can just use onCustomerChange as an attribute of the Select control.
> In Ajax terms this is 
> called "inline event handling" while the register approach is called
> "unobtrusive JavaScript", 
> meaning the the markup doesn't have any behavior specified.
> 
> You can also look at encapsulating the Ajax behavior in a custom
> AjaxSelect class:
> 
> public CustomerAjaxSelect extends Select {
> 
>    public void onInit() {
>      select.setAttribute("onchange", "onCustomerChange(this)");
>    }
> }
> 
> kind regards
> 
> bob
> 
> 
>> 
>> Apologies for stupid questions but I am new to Ajax.
>> 
>> Thanks!
>> Dipita
>> 
>> 
>> Bob Schellink-2 wrote:
>>> There is a ClickClick jQuery demo which seems very similar to your
>>> needs.
>>> Its a form with two 
>>> selects where the first Select populates the second Select. You'll note
>>> that the Page is stateful so 
>>> any changes made to the Form (new fields added etc) will be available
>>> when
>>> the Form is finally 
>>> submitted.
>>>
>>> http://clickclick-jquery.appspot.com/ajax/select-demo.htm
>>>
>>> This example uses jQuery but you'll notice that the JavaScript Ajax
>>> logic
>>> is encapsulated within the 
>>> JQSelect control, an Ajax aware Select subclass. (Technically the Ajax
>>> logic is encapsulated within 
>>> a JQHelper class and JQSelect merely delegates to JQHelper.)
>>>
>>> Hope this helps.
>>>
>>> kind regards
>>>
>>> bob
>>>
>>> Bob Schellink wrote:
>>>> Depending on your time constraints, and since your new to Ajax and 
>>>> Click, you want to reconsider using Ajax for your use cases. For
>>>> example 
>>>> you could use a wizard style approach to present the user with
>>>> different 
>>>> options. Each step in the wizard navigates to the next Page which
>>>> reacts 
>>>> to values from the previous Page.
>>>>
>>>> Otherwise I highly recommend you use a JS library such as Prototype, 
>>>> JQuery, Mootools etc. They provide good ajax functionality and 
>>>> (generally) shield you from the different browser quirks.
>>>>
>>>> One issue you will most likely face is that Click is stateless by 
>>>> default. Statelessness has great benefits for some use cases, but in 
>>>> your case might not work very well. In your case you will add fields to 
>>>> the form over multiple ajax requests. The Form representation on the 
>>>> browser will be very different from the Form representation on the 
>>>> server. Thus when you finally submit the Form the fields added with
>>>> Ajax 
>>>> won't have a corresponding field on the server Form, and their values 
>>>> won't be bound.
>>>>
>>>> To remedy this you will probably want to switch to stateful Pages, 
>>>> however this is not a simple "flip the switch" setting. Stateless vs 
>>>> stateful take different approaches. In stateful mode the Page 
>>>> constructor is only called once, but the life cycle events are called 
>>>> for every request, while stateless pages are recreated every request.
>>>>
>>>> So to start I suggest you pick a JS library, create a new stateful Page 
>>>> and test against that Page to get things working. Feel free to post
>>>> your 
>>>> code to this list and I'll help where I can.
>>>>
>>>> One note about ClickClick's AjaxAdapter is you won't have to change
>>>> much 
>>>> in your code to use the AjaxAdapter since it supports both Ajax and 
>>>> non-ajax calls.
>>>>
>>>> So if your code looks like this:
>>>>
>>>> public class MyPage extends Page {
>>>>
>>>>   public void onInit() {
>>>>     Submit submit = new Submit("submit", this, "onSubmitClick");
>>>>   }
>>>>
>>>>   public boolean onSubmitClick() {
>>>>      dostuff();
>>>>      return true;
>>>>   }
>>>> }
>>>>
>>>> it will change to:
>>>>
>>>> public class MyPage extends Page {
>>>>
>>>>   public void onInit() {
>>>>     Submit submit = new Submit("submit");
>>>>     submit.setActionListener(new AjaxAdapter(){
>>>>
>>>>       // This method replaces onSubmitClick() above and is called for 
>>>> non-Ajax requests
>>>>       public boolean onAction(Control control) {
>>>>         dostuff();
>>>>         return true;
>>>>       }
>>>>
>>>>       // This method is optional and only called for Ajax requests
>>>> which 
>>>> target the submit button
>>>>       public Partial onAjaxAction(Control control) {
>>>>          ...
>>>>       }
>>>>
>>>>     });
>>>>   }
>>>> }
>>>>
>>>>
>>>> kind regards
>>>>
>>>> bob
>>>>
>>>> dshah wrote:
>>>>
>>>>> I was looking at the ClickClick examples but it looks like in order to

>>>>> use
>>>>> that we'd have to rewrite all our current code base to support the
>>>>> AjaxAdapter etc.
>>>>
>>>>> I was hoping to use our current code base which uses Click 1.5 to 
>>>>> simply do
>>>>> what we want (which is calling the servlet to get a partial form) -
>>>>> our
>>>>> current code base configures the form objects (using Click controls)

>>>>> on the
>>>>> server side and then renders it on the browser.. Very minimal
>>>>> javascript
>>>>> validation and selection is done through raw javascript, no 
>>>>> libraries.  So
>>>>> my idea was to continue using the raw libraries to do what we are 
>>>>> doing but
>>>>> also use some ajax library like JQuery or Prototype (we are not 
>>>>> particular
>>>>> what we use) to render part of the form.. The partial form is 
>>>>> dependendant
>>>>> (child selection) based on the user's selection (parent selection) and

>>>>> needs
>>>>> to be connect (hooked to the user's selection as the dependant would

>>>>> change
>>>>> based on the parent's selection.)
>>>>>
>>>>> Any tips are appreciated.
>>>>> Thanks again!
>>>>> Dipita
>>>>>
>>>>>
>>>>> Bob Schellink-2 wrote:
>>>>>> Hi Dipita,
>>>>>>
>>>>>> For Click 1.5 there aren't any Ajax specific components (except for
>>>>>> AutoCompleteField) but you can use Ajax with Click. Simply invoke
a 
>>>>>> target Page and stream back the
>>>>>> result you need. You probably want to look at the method 
>>>>>> Context#renderTemplate() so you can render
>>>>>> different templates depending on the request parameter. Or you can

>>>>>> create specific Pages to handle Ajax
>>>>>> requests.
>>>>>>
>>>>>> Since I'm not sure what problems you are having here are some things
>>>>>> to
>>>>>> look at when working with Ajax:
>>>>>>
>>>>>> - Ajax calls can use different content types eg: HTML, JSON, XML.
So
>>>>>> depending on what you stream back to the browser you probably want
to 
>>>>>> override the Page#getContentType
>>>>>> to specify the correct type:
>>>>>>
>>>>>>    public String getContentType() {
>>>>>>      return "text/json; charset=UTF-8";
>>>>>>    }
>>>>>>
>>>>>> - If you want to render partial results (and not have the default
>>>>>> Page
>>>>>> template invoked) you have to set the Page path to null. Have a look

>>>>>> at the method "export" in the
>>>>>> example here[1].
>>>>>>
>>>>>> The click-examples ship a couple of Ajax examples you can look at,
>>>>>> especially the ajax-select demo.
>>>>>>
>>>>>> There is also a project underway to add Ajax components but it
>>>>>> targets
>>>>>> Click 2.1.0
>>>>>>
>>>>>> Btw are you using a JavaScript library?
>>>>>>
>>>>>> kind regards
>>>>>>
>>>>>> bob
>>>>>>
>>>>>> [1]: 
>>>>>> http://www.avoka.com/click-examples/source-viewer.htm?filename=WEB-INF/classes/org/apache/click/examples/page/general/ExcelExportPage.java

>>>>>>
>>>>>>
>>>>>> dshah wrote:
>>>>>>> We are using Apache Click for our webapp and need to incorporate
a 
>>>>>>> way to
>>>>>>> dynamically load partial forms based on the user's selection
- does
>>>>>>> anyone
>>>>>>> know how we can do this with Click?  Is there support for Ajax
with 
>>>>>>> Click
>>>>>>> 1.5 and if so, can someone PLEASE point me to some examples or
>>>>>>> documentation. Any help is appreciated as I am struggling to
get any 
>>>>>>> ajax
>>>>>>> to
>>>>>>> work with click.
>>>>>>>
>>>>>>> Thank you - someone please read and respond - really appreciate
it.
>>>>>>> Dipita
>>>>>>
>>>>
>>>
>>>
>> 
> 
> 
> 

-- 
View this message in context: http://n2.nabble.com/Does-Apache-Click-1-5-support-Ajax-please-help-tp4115987p4134265.html
Sent from the click-user mailing list archive at Nabble.com.





Re: moving from Apache incubator to Apache Top Level project
2009-12-08T17:37:32Z

> I was wondering the move from Click to be an Apache Incubator to Apache Top
> Level Project -- will that change the package structure of the code?  We are
> trying to investigate using 2.1.0 and we noticed using that in 2.1.0, the
> package structure is now org.apache... and  before it used to be
> net.sf.click..
The package change from net.sf.* was due to the migration from 
Sourceforge to Apache.org.

Moving to Apache TLP *won't change* the java package, only the JAR file 
names: they won't contain the "incubating" word anymore:
click-2.1.0-incubating.jar -> click-2.1.0.jar

Adrian.






moving from Apache incubator to Apache Top Level project
2009-12-08T14:43:17Z


Hi,
I was wondering the move from Click to be an Apache Incubator to Apache Top
Level Project -- will that change the package structure of the code?  We are
trying to investigate using 2.1.0 and we noticed using that in 2.1.0, the
package structure is now org.apache... and  before it used to be
net.sf.click..

Thoughts?
Dipita
-- 
View this message in context: http://n2.nabble.com/moving-from-Apache-incubator-to-Apache-Top-Level-project-tp4132846p4132846.html
Sent from the click-user mailing list archive at Nabble.com.





Re: Does Apache Click 1.5 support Ajax - please help!
2009-12-08T06:58:40Z

Hi Dipita,

The AjaxTestPage constructor isn't public. Change it to:

public class AjaxTestPopulate extends Page {

   public CheckList childList;
	
   // Constructor must be public
   public AjaxTestPopulate() {
     childList = getChildList();
     childList.setName("checkListName");
   }
}

kind regards

bob

dshah wrote:
> Hi Bob,
> Yes, the select on AjaxTestPage is using ajax to load
> "ajax-test-populate.htm"..
> 
> I did as you suggested (first option of getting the childList in the
> construction of AjaxTestPopulate.java,) howver now I am getting an error
> when the page is rendering -- the log says
> (java.lang.IllegalAccessException: Class net.sf.click.ClickServlet can not
> access a member of class strive.solutions.page.AjaxTestPopulate with
> modifiers "") - any ideas what this means -- I am uploading the modifified
> AjaxTestPopulate.java reference.
> 
> Thanks!
> Dipita http://n2.nabble.com/file/n4130831/AjaxTestPopulate.java
> AjaxTestPopulate.java 
> 
> 
> 
> Bob Schellink-2 wrote:
>> dshah wrote:
>>> I have a test example that I am testing by just sending a request to load
>>> part of the data based on a selection.. This is based on the example of
>>> ajax-select demo in the 1.5.  However, whenever I select something on the
>>> parent, the data is not rendering on the child (it's showing as though
>>> the
>>> values are null) - anyone figure out what I am doing wrong? 
>>
>> I assume the Select on AjaxTestPage uses Ajax to pull the CheckList from
>> AjaxTestPopulate right?
>>
>> Looking at AjaxTestPopulate the problem seems to be with the use of
>> autobinding. I recommend *not*
>> using the autobinding feature if you are new to Click. Quite a bit of
>> magic is involved which can be
>> confusing.
>>
>> Just to explain what I think goes wrong with autobinding in this example:
>>
>> 1. Click creates the AjaxTestPopulate Page by invoking its default no-arg
>> constructor.
>> 2. Immediately after creating the Page, Click binds all public declared
>> fields to the Page as follows:
>> 2.1 Click checks if the field is null or not
>> 2.2 If the field is not null and its name is not set, Click sets the
>> control name to that of the field
>> 2.3 Lastly Click adds the Control to the Page control list
>>
>> The problem in AjaxTestPopulate is that after the Page constructor is
>> called, childList is still
>> null, since it is only created in the onGet page event.
>>
>> You can change the Page as follows:
>>
>> public class AjaxTestPopulate extends Page {
>>
>>    public CheckList childList;
>>
>>    public AjaxTestPopulate() {
>>      // Create the childList in the Page constructor. When autobinding
>> kicks off (after Page
>>      // construction) the childList control will be created and satisfy
>> #2.1 above
>>      childList = getChildList();
>>    }
>> }
>>
>>
>> Alternatively you can use explicit binding:
>>
>> public class AjaxTestPopulate extends Page {
>>
>>    public CheckList childList;
>>
>>    public onGet() {
>>      childList = getChildList();
>>      childList.setName("childList");
>>      addControl(childList);
>>    }
>> }
>>
>> kind regards
>>
>> bob
>>
>>
>>> Attaching my files:
>>> 1. ajax-test.htm is the main page
>>> 2. ajax-test-populate.htm is the page I want to load partially after
>>> something on the above is selected.
>>> 3. AjaxTestPage.java - corresponding page for ajax-test.htm
>>> 4. AjaxTestPopulate.java - corresponding page for ajax-test-populate.htm
>>> 5. result html -  this is the html I am seeing when I select something on
>>> ajax-test.htm..
>>>
>>> Any idea what i am doing wrong?
>>>
>>> Thanks!
>>> Dipita http://n2.nabble.com/file/n4127448/ajax-test.htm ajax-test.htm 
>>> http://n2.nabble.com/file/n4127448/ajax-test-populate.htm
>>> ajax-test-populate.htm 
>>> http://n2.nabble.com/file/n4127448/AjaxTestPage.java
>>> AjaxTestPage.java 
>>> http://n2.nabble.com/file/n4127448/AjaxTestPopulate.java
>>> AjaxTestPopulate.java 
>>> http://n2.nabble.com/file/n4127448/resultant_html.jpg
>>> resultant_html.jpg 
>>>
>>>
>>>
>>> dshah wrote:
>>>> Ok. Thanks. If we use the same formpage, then does the whole form get
>>>> sent
>>>> back from the Click Servlet to the browser or just the partial part that
>>>> was just gotten?  
>>>>
>>>> One of our concerns is that we want to reduce the bandwidth used when
>>>> sending the form from the servlet to the browser and so ideally, we were
>>>> hoping to only load part of the form (i.e. have the servlet engine send
>>>> only that section of the form to the browser but somehow know that the
>>>> newly retrieved section belongs to the form that is already on the
>>>> browser..)  
>>>>
>>>> Thoughts?
>>>> Dipita
>>>>
>>>>
>>>>
>>>>
>>>> Bob Schellink-2 wrote:
>>>>> Hi Dipita,
>>>>>
>>>>> dshah wrote:
>>>>>> Thanks - in case we cannot upgrade to 2.1.0 and ClickClick
>>>>> The current trunk is pretty much what we want to release as 2.1.0
>>>>> final.
>>>>> So if you want to use 2.1.0 
>>>>> I suggest you just build it from trunk:
>>>>>
>>>>> c:\dev\click>svn co
>>>>> http://svn.apache.org/repos/asf/incubator/click/trunk/click/
>>>>> c:\dev\click>cd build
>>>>> c:\dev\click\build>ant get-deps
>>>>> c:\dev\click\build>ant build-distribution
>>>>>
>>>>> Click recently graduation as an Apache Top Level Project and we are
>>>>> busy
>>>>> moving our infrastructure 
>>>>> from the incubator to TLP. Once this is done we will push out the
>>>>> official 2.1.0 final release.
>>>>>
>>>>>
>>>>>> I am looking at the ajax-select demo that comes with the 1.5.2 version
>>>>>> of
>>>>>> Click and  have a couple of questions:
>>>>>> 1. If you had a form and did something similar to what this example
is
>>>>>> doing
>>>>>> (render part of the form using a different page) via an ajax call,
how
>>>>>> does
>>>>>> the form on your main page get the fields that were rendered using
the
>>>>>> different page or does it?  I mean if I make the page stateful as
>>>>>> suggested
>>>>>> and I render part of the page via an ajax call (which will configure
>>>>>> another
>>>>>> section of the form), I am unclear how both the rendering bind up
to
>>>>>> the
>>>>>> same form element?
>>>>> Using a separate Page for Ajax rendering works OK for displaying extra
>>>>> information such as a Table 
>>>>> etc. For your case (building up a form on the server) this won't work
>>>>> well if the form parts are 
>>>>> built in a separate Page. Technically this is possible when using
>>>>> stateful pages because you can 
>>>>> retrieve the stateful page from the session:
>>>>>
>>>>> public AjaxPage extends BorderPage {
>>>>>
>>>>>    ...
>>>>>
>>>>>    public FormPage getForm() {
>>>>>      FormPage page = (FormPage)
>>>>> getContext().getSessionAttribute(FormPage.class.getName());
>>>>>      return page.getForm();
>>>>>    }
>>>>> }
>>>>>
>>>>> However its probably easier to call back to FormPage itself and build
>>>>> the
>>>>> Form with every call.
>>>>>
>>>>> You can create a helper method to render your partial responses,
>>>>> something like this:
>>>>>
>>>>> public FormPage extends BorderPage {
>>>>>
>>>>>    public void renderPartial(String template, Map templateModel) {
>>>>>      // Depending if you send back HTML, JSON, XML you need to adjust
>>>>> the
>>>>> contentType here
>>>>>      response.setContentType("text/html; charset=UTF-8");
>>>>>      //response.setContentType("text/xml; charset=UTF-8");
>>>>>
>>>>>      response.setHeader("Pragma", "no-cache");
>>>>>
>>>>>      OutputStream outputStream = null;
>>>>>      try {
>>>>>          Context context = getContext();
>>>>>          String partial = context.renderTemplate(template,
>>>>> templateModel);
>>>>>
>>>>>          outputStream = context.getResponse().getOutputStream();
>>>>>
>>>>>          IOUtils.write(partial, outputStream);
>>>>>
>>>>>          // NB: Specify no further rendering required by Click by
>>>>> setting
>>>>> path to null
>>>>>          // Thus Click won't render the Page default template form.htm
>>>>>          setPath(null);
>>>>>
>>>>>      } catch (IOException ioe) {
>>>>>          throw new RuntimeException(ioe);
>>>>>
>>>>>      } finally {
>>>>>          IOUtils.closeQuietly(outputStream);
>>>>>      }
>>>>>    }
>>>>> }
>>>>>
>>>>> The above method is probably better off in a utility class or the
>>>>> border
>>>>> page.
>>>>>
>>>>>> 2.  The ajax-select-include.htm has the following code snippet:
>>>>>>
>>>>>> 
>>>>>> 
>>>>>> 
>>>>>>
>>>>>> Question is do we need to register an ajax event or could I for
>>>>>> example
>>>>>> onCustomerChange event (which is already registered as an attribute
of
>>>>>> the
>>>>>> Select control) directly call the page that renders that section
of
>>>>>> the
>>>>>> form
>>>>>> e.g. using JQuery's load event or something like that?
>>>>> You can just use onCustomerChange as an attribute of the Select
>>>>> control.
>>>>> In Ajax terms this is 
>>>>> called "inline event handling" while the register approach is called
>>>>> "unobtrusive JavaScript", 
>>>>> meaning the the markup doesn't have any behavior specified.
>>>>>
>>>>> You can also look at encapsulating the Ajax behavior in a custom
>>>>> AjaxSelect class:
>>>>>
>>>>> public CustomerAjaxSelect extends Select {
>>>>>
>>>>>    public void onInit() {
>>>>>      select.setAttribute("onchange", "onCustomerChange(this)");
>>>>>    }
>>>>> }
>>>>>
>>>>> kind regards
>>>>>
>>>>> bob
>>>>>
>>>>>
>>>>>> Apologies for stupid questions but I am new to Ajax.
>>>>>>
>>>>>> Thanks!
>>>>>> Dipita
>>>>>>
>>>>>>
>>>>>> Bob Schellink-2 wrote:
>>>>>>> There is a ClickClick jQuery demo which seems very similar to
your
>>>>>>> needs.
>>>>>>> Its a form with two 
>>>>>>> selects where the first Select populates the second Select. You'll
>>>>>>> note
>>>>>>> that the Page is stateful so 
>>>>>>> any changes made to the Form (new fields added etc) will be available
>>>>>>> when
>>>>>>> the Form is finally 
>>>>>>> submitted.
>>>>>>>
>>>>>>> http://clickclick-jquery.appspot.com/ajax/select-demo.htm
>>>>>>>
>>>>>>> This example uses jQuery but you'll notice that the JavaScript
Ajax
>>>>>>> logic
>>>>>>> is encapsulated within the 
>>>>>>> JQSelect control, an Ajax aware Select subclass. (Technically
the
>>>>>>> Ajax
>>>>>>> logic is encapsulated within 
>>>>>>> a JQHelper class and JQSelect merely delegates to JQHelper.)
>>>>>>>
>>>>>>> Hope this helps.
>>>>>>>
>>>>>>> kind regards
>>>>>>>
>>>>>>> bob
>>>>>>>
>>>>>>> Bob Schellink wrote:
>>>>>>>> Depending on your time constraints, and since your new to
Ajax and 
>>>>>>>> Click, you want to reconsider using Ajax for your use cases.
For
>>>>>>>> example 
>>>>>>>> you could use a wizard style approach to present the user
with
>>>>>>>> different 
>>>>>>>> options. Each step in the wizard navigates to the next Page
which
>>>>>>>> reacts 
>>>>>>>> to values from the previous Page.
>>>>>>>>
>>>>>>>> Otherwise I highly recommend you use a JS library such as
Prototype, 
>>>>>>>> JQuery, Mootools etc. They provide good ajax functionality
and 
>>>>>>>> (generally) shield you from the different browser quirks.
>>>>>>>>
>>>>>>>> One issue you will most likely face is that Click is stateless
by 
>>>>>>>> default. Statelessness has great benefits for some use cases,
but in 
>>>>>>>> your case might not work very well. In your case you will
add fields
>>>>>>>> to 
>>>>>>>> the form over multiple ajax requests. The Form representation
on the 
>>>>>>>> browser will be very different from the Form representation
on the 
>>>>>>>> server. Thus when you finally submit the Form the fields
added with
>>>>>>>> Ajax 
>>>>>>>> won't have a corresponding field on the server Form, and
their
>>>>>>>> values 
>>>>>>>> won't be bound.
>>>>>>>>
>>>>>>>> To remedy this you will probably want to switch to stateful
Pages, 
>>>>>>>> however this is not a simple "flip the switch" setting. Stateless
vs 
>>>>>>>> stateful take different approaches. In stateful mode the
Page 
>>>>>>>> constructor is only called once, but the life cycle events
are
>>>>>>>> called 
>>>>>>>> for every request, while stateless pages are recreated every
>>>>>>>> request.
>>>>>>>>
>>>>>>>> So to start I suggest you pick a JS library, create a new
stateful
>>>>>>>> Page 
>>>>>>>> and test against that Page to get things working. Feel free
to post
>>>>>>>> your 
>>>>>>>> code to this list and I'll help where I can.
>>>>>>>>
>>>>>>>> One note about ClickClick's AjaxAdapter is you won't have
to change
>>>>>>>> much 
>>>>>>>> in your code to use the AjaxAdapter since it supports both
Ajax and 
>>>>>>>> non-ajax calls.
>>>>>>>>
>>>>>>>> So if your code looks like this:
>>>>>>>>
>>>>>>>> public class MyPage extends Page {
>>>>>>>>
>>>>>>>>   public void onInit() {
>>>>>>>>     Submit submit = new Submit("submit", this, "onSubmitClick");
>>>>>>>>   }
>>>>>>>>
>>>>>>>>   public boolean onSubmitClick() {
>>>>>>>>      dostuff();
>>>>>>>>      return true;
>>>>>>>>   }
>>>>>>>> }
>>>>>>>>
>>>>>>>> it will change to:
>>>>>>>>
>>>>>>>> public class MyPage extends Page {
>>>>>>>>
>>>>>>>>   public void onInit() {
>>>>>>>>     Submit submit = new Submit("submit");
>>>>>>>>     submit.setActionListener(new AjaxAdapter(){
>>>>>>>>
>>>>>>>>       // This method replaces onSubmitClick() above and is
called
>>>>>>>> for 
>>>>>>>> non-Ajax requests
>>>>>>>>       public boolean onAction(Control control) {
>>>>>>>>         dostuff();
>>>>>>>>         return true;
>>>>>>>>       }
>>>>>>>>
>>>>>>>>       // This method is optional and only called for Ajax
requests
>>>>>>>> which 
>>>>>>>> target the submit button
>>>>>>>>       public Partial onAjaxAction(Control control) {
>>>>>>>>          ...
>>>>>>>>       }
>>>>>>>>
>>>>>>>>     });
>>>>>>>>   }
>>>>>>>> }
>>>>>>>>
>>>>>>>>
>>>>>>>> kind regards
>>>>>>>>
>>>>>>>> bob
>>>>>>>>
>>>>>>>> dshah wrote:
>>>>>>>>
>>>>>>>>> I was looking at the ClickClick examples but it looks
like in order
>>>>>>>>> to 
>>>>>>>>> use
>>>>>>>>> that we'd have to rewrite all our current code base to
support the
>>>>>>>>> AjaxAdapter etc.
>>>>>>>>> I was hoping to use our current code base which uses
Click 1.5 to 
>>>>>>>>> simply do
>>>>>>>>> what we want (which is calling the servlet to get a partial
form) -
>>>>>>>>> our
>>>>>>>>> current code base configures the form objects (using
Click
>>>>>>>>> controls) 
>>>>>>>>> on the
>>>>>>>>> server side and then renders it on the browser.. Very
minimal
>>>>>>>>> javascript
>>>>>>>>> validation and selection is done through raw javascript,
no 
>>>>>>>>> libraries.  So
>>>>>>>>> my idea was to continue using the raw libraries to do
what we are 
>>>>>>>>> doing but
>>>>>>>>> also use some ajax library like JQuery or Prototype (we
are not 
>>>>>>>>> particular
>>>>>>>>> what we use) to render part of the form.. The partial
form is 
>>>>>>>>> dependendant
>>>>>>>>> (child selection) based on the user's selection (parent
selection)
>>>>>>>>> and 
>>>>>>>>> needs
>>>>>>>>> to be connect (hooked to the user's selection as the
dependant
>>>>>>>>> would 
>>>>>>>>> change
>>>>>>>>> based on the parent's selection.)
>>>>>>>>>
>>>>>>>>> Any tips are appreciated.
>>>>>>>>> Thanks again!
>>>>>>>>> Dipita
>>>>>>>>>
>>>>>>>>>
>>>>>>>>> Bob Schellink-2 wrote:
>>>>>>>>>> Hi Dipita,
>>>>>>>>>>
>>>>>>>>>> For Click 1.5 there aren't any Ajax specific components
(except
>>>>>>>>>> for
>>>>>>>>>> AutoCompleteField) but you can use Ajax with Click.
Simply invoke
>>>>>>>>>> a 
>>>>>>>>>> target Page and stream back the
>>>>>>>>>> result you need. You probably want to look at the
method 
>>>>>>>>>> Context#renderTemplate() so you can render
>>>>>>>>>> different templates depending on the request parameter.
Or you can 
>>>>>>>>>> create specific Pages to handle Ajax
>>>>>>>>>> requests.
>>>>>>>>>>
>>>>>>>>>> Since I'm not sure what problems you are having here
are some
>>>>>>>>>> things
>>>>>>>>>> to
>>>>>>>>>> look at when working with Ajax:
>>>>>>>>>>
>>>>>>>>>> - Ajax calls can use different content types eg:
HTML, JSON, XML.
>>>>>>>>>> So
>>>>>>>>>> depending on what you stream back to the browser
you probably want
>>>>>>>>>> to 
>>>>>>>>>> override the Page#getContentType
>>>>>>>>>> to specify the correct type:
>>>>>>>>>>
>>>>>>>>>>    public String getContentType() {
>>>>>>>>>>      return "text/json; charset=UTF-8";
>>>>>>>>>>    }
>>>>>>>>>>
>>>>>>>>>> - If you want to render partial results (and not
have the default
>>>>>>>>>> Page
>>>>>>>>>> template invoked) you have to set the Page path to
null. Have a
>>>>>>>>>> look 
>>>>>>>>>> at the method "export" in the
>>>>>>>>>> example here[1].
>>>>>>>>>>
>>>>>>>>>> The click-examples ship a couple of Ajax examples
you can look at,
>>>>>>>>>> especially the ajax-select demo.
>>>>>>>>>>
>>>>>>>>>> There is also a project underway to add Ajax components
but it
>>>>>>>>>> targets
>>>>>>>>>> Click 2.1.0
>>>>>>>>>>
>>>>>>>>>> Btw are you using a JavaScript library?
>>>>>>>>>>
>>>>>>>>>> kind regards
>>>>>>>>>>
>>>>>>>>>> bob
>>>>>>>>>>
>>>>>>>>>> [1]: 
>>>>>>>>>> http://www.avoka.com/click-examples/source-viewer.htm?filename=WEB-INF/classes/org/apache/click/examples/page/general/ExcelExportPage.java

>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>> dshah wrote:
>>>>>>>>>>> We are using Apache Click for our webapp and
need to incorporate
>>>>>>>>>>> a 
>>>>>>>>>>> way to
>>>>>>>>>>> dynamically load partial forms based on the user's
selection -
>>>>>>>>>>> does
>>>>>>>>>>> anyone
>>>>>>>>>>> know how we can do this with Click?  Is there
support for Ajax
>>>>>>>>>>> with 
>>>>>>>>>>> Click
>>>>>>>>>>> 1.5 and if so, can someone PLEASE point me to
some examples or
>>>>>>>>>>> documentation. Any help is appreciated as I am
struggling to get
>>>>>>>>>>> any 
>>>>>>>>>>> ajax
>>>>>>>>>>> to
>>>>>>>>>>> work with click.
>>>>>>>>>>>
>>>>>>>>>>> Thank you - someone please read and respond -
really appreciate
>>>>>>>>>>> it.
>>>>>>>>>>> Dipita
>>>>>
>>
>>
>>
> 






Re: Does Apache Click 1.5 support Ajax - please help!
2009-12-08T06:52:07Z


Hi Bob,
Yes, the select on AjaxTestPage is using ajax to load
"ajax-test-populate.htm"..

I did as you suggested (first option of getting the childList in the
construction of AjaxTestPopulate.java,) howver now I am getting an error
when the page is rendering -- the log says
(java.lang.IllegalAccessException: Class net.sf.click.ClickServlet can not
access a member of class strive.solutions.page.AjaxTestPopulate with
modifiers "") - any ideas what this means -- I am uploading the modifified
AjaxTestPopulate.java reference.

Thanks!
Dipita http://n2.nabble.com/file/n4130831/AjaxTestPopulate.java
AjaxTestPopulate.java 



Bob Schellink-2 wrote:
> 
> dshah wrote:
>> I have a test example that I am testing by just sending a request to load
>> part of the data based on a selection.. This is based on the example of
>> ajax-select demo in the 1.5.  However, whenever I select something on the
>> parent, the data is not rendering on the child (it's showing as though
>> the
>> values are null) - anyone figure out what I am doing wrong? 
> 
> 
> I assume the Select on AjaxTestPage uses Ajax to pull the CheckList from
> AjaxTestPopulate right?
> 
> Looking at AjaxTestPopulate the problem seems to be with the use of
> autobinding. I recommend *not*
> using the autobinding feature if you are new to Click. Quite a bit of
> magic is involved which can be
> confusing.
> 
> Just to explain what I think goes wrong with autobinding in this example:
> 
> 1. Click creates the AjaxTestPopulate Page by invoking its default no-arg
> constructor.
> 2. Immediately after creating the Page, Click binds all public declared
> fields to the Page as follows:
> 2.1 Click checks if the field is null or not
> 2.2 If the field is not null and its name is not set, Click sets the
> control name to that of the field
> 2.3 Lastly Click adds the Control to the Page control list
> 
> The problem in AjaxTestPopulate is that after the Page constructor is
> called, childList is still
> null, since it is only created in the onGet page event.
> 
> You can change the Page as follows:
> 
> public class AjaxTestPopulate extends Page {
> 
>    public CheckList childList;
> 
>    public AjaxTestPopulate() {
>      // Create the childList in the Page constructor. When autobinding
> kicks off (after Page
>      // construction) the childList control will be created and satisfy
> #2.1 above
>      childList = getChildList();
>    }
> }
> 
> 
> Alternatively you can use explicit binding:
> 
> public class AjaxTestPopulate extends Page {
> 
>    public CheckList childList;
> 
>    public onGet() {
>      childList = getChildList();
>      childList.setName("childList");
>      addControl(childList);
>    }
> }
> 
> kind regards
> 
> bob
> 
> 
>> 
>> Attaching my files:
>> 1. ajax-test.htm is the main page
>> 2. ajax-test-populate.htm is the page I want to load partially after
>> something on the above is selected.
>> 3. AjaxTestPage.java - corresponding page for ajax-test.htm
>> 4. AjaxTestPopulate.java - corresponding page for ajax-test-populate.htm
>> 5. result html -  this is the html I am seeing when I select something on
>> ajax-test.htm..
>> 
>> Any idea what i am doing wrong?
>> 
>> Thanks!
>> Dipita http://n2.nabble.com/file/n4127448/ajax-test.htm ajax-test.htm 
>> http://n2.nabble.com/file/n4127448/ajax-test-populate.htm
>> ajax-test-populate.htm 
>> http://n2.nabble.com/file/n4127448/AjaxTestPage.java
>> AjaxTestPage.java 
>> http://n2.nabble.com/file/n4127448/AjaxTestPopulate.java
>> AjaxTestPopulate.java 
>> http://n2.nabble.com/file/n4127448/resultant_html.jpg
>> resultant_html.jpg 
>> 
>> 
>> 
>> dshah wrote:
>>> Ok. Thanks. If we use the same formpage, then does the whole form get
>>> sent
>>> back from the Click Servlet to the browser or just the partial part that
>>> was just gotten?  
>>>
>>> One of our concerns is that we want to reduce the bandwidth used when
>>> sending the form from the servlet to the browser and so ideally, we were
>>> hoping to only load part of the form (i.e. have the servlet engine send
>>> only that section of the form to the browser but somehow know that the
>>> newly retrieved section belongs to the form that is already on the
>>> browser..)  
>>>
>>> Thoughts?
>>> Dipita
>>>
>>>
>>>
>>>
>>> Bob Schellink-2 wrote:
>>>> Hi Dipita,
>>>>
>>>> dshah wrote:
>>>>> Thanks - in case we cannot upgrade to 2.1.0 and ClickClick
>>>>
>>>> The current trunk is pretty much what we want to release as 2.1.0
>>>> final.
>>>> So if you want to use 2.1.0 
>>>> I suggest you just build it from trunk:
>>>>
>>>> c:\dev\click>svn co
>>>> http://svn.apache.org/repos/asf/incubator/click/trunk/click/
>>>> c:\dev\click>cd build
>>>> c:\dev\click\build>ant get-deps
>>>> c:\dev\click\build>ant build-distribution
>>>>
>>>> Click recently graduation as an Apache Top Level Project and we are
>>>> busy
>>>> moving our infrastructure 
>>>> from the incubator to TLP. Once this is done we will push out the
>>>> official 2.1.0 final release.
>>>>
>>>>
>>>>> I am looking at the ajax-select demo that comes with the 1.5.2 version
>>>>> of
>>>>> Click and  have a couple of questions:
>>>>> 1. If you had a form and did something similar to what this example is
>>>>> doing
>>>>> (render part of the form using a different page) via an ajax call, how
>>>>> does
>>>>> the form on your main page get the fields that were rendered using the
>>>>> different page or does it?  I mean if I make the page stateful as
>>>>> suggested
>>>>> and I render part of the page via an ajax call (which will configure
>>>>> another
>>>>> section of the form), I am unclear how both the rendering bind up to
>>>>> the
>>>>> same form element?
>>>>
>>>> Using a separate Page for Ajax rendering works OK for displaying extra
>>>> information such as a Table 
>>>> etc. For your case (building up a form on the server) this won't work
>>>> well if the form parts are 
>>>> built in a separate Page. Technically this is possible when using
>>>> stateful pages because you can 
>>>> retrieve the stateful page from the session:
>>>>
>>>> public AjaxPage extends BorderPage {
>>>>
>>>>    ...
>>>>
>>>>    public FormPage getForm() {
>>>>      FormPage page = (FormPage)
>>>> getContext().getSessionAttribute(FormPage.class.getName());
>>>>      return page.getForm();
>>>>    }
>>>> }
>>>>
>>>> However its probably easier to call back to FormPage itself and build
>>>> the
>>>> Form with every call.
>>>>
>>>> You can create a helper method to render your partial responses,
>>>> something like this:
>>>>
>>>> public FormPage extends BorderPage {
>>>>
>>>>    public void renderPartial(String template, Map templateModel) {
>>>>      // Depending if you send back HTML, JSON, XML you need to adjust
>>>> the
>>>> contentType here
>>>>      response.setContentType("text/html; charset=UTF-8");
>>>>      //response.setContentType("text/xml; charset=UTF-8");
>>>>
>>>>      response.setHeader("Pragma", "no-cache");
>>>>
>>>>      OutputStream outputStream = null;
>>>>      try {
>>>>          Context context = getContext();
>>>>          String partial = context.renderTemplate(template,
>>>> templateModel);
>>>>
>>>>          outputStream = context.getResponse().getOutputStream();
>>>>
>>>>          IOUtils.write(partial, outputStream);
>>>>
>>>>          // NB: Specify no further rendering required by Click by
>>>> setting
>>>> path to null
>>>>          // Thus Click won't render the Page default template form.htm
>>>>          setPath(null);
>>>>
>>>>      } catch (IOException ioe) {
>>>>          throw new RuntimeException(ioe);
>>>>
>>>>      } finally {
>>>>          IOUtils.closeQuietly(outputStream);
>>>>      }
>>>>    }
>>>> }
>>>>
>>>> The above method is probably better off in a utility class or the
>>>> border
>>>> page.
>>>>
>>>>> 2.  The ajax-select-include.htm has the following code snippet:
>>>>>
>>>>> 
>>>>> 
>>>>> 
>>>>>
>>>>> Question is do we need to register an ajax event or could I for
>>>>> example
>>>>> onCustomerChange event (which is already registered as an attribute of
>>>>> the
>>>>> Select control) directly call the page that renders that section of
>>>>> the
>>>>> form
>>>>> e.g. using JQuery's load event or something like that?
>>>>
>>>> You can just use onCustomerChange as an attribute of the Select
>>>> control.
>>>> In Ajax terms this is 
>>>> called "inline event handling" while the register approach is called
>>>> "unobtrusive JavaScript", 
>>>> meaning the the markup doesn't have any behavior specified.
>>>>
>>>> You can also look at encapsulating the Ajax behavior in a custom
>>>> AjaxSelect class:
>>>>
>>>> public CustomerAjaxSelect extends Select {
>>>>
>>>>    public void onInit() {
>>>>      select.setAttribute("onchange", "onCustomerChange(this)");
>>>>    }
>>>> }
>>>>
>>>> kind regards
>>>>
>>>> bob
>>>>
>>>>
>>>>> Apologies for stupid questions but I am new to Ajax.
>>>>>
>>>>> Thanks!
>>>>> Dipita
>>>>>
>>>>>
>>>>> Bob Schellink-2 wrote:
>>>>>> There is a ClickClick jQuery demo which seems very similar to your
>>>>>> needs.
>>>>>> Its a form with two 
>>>>>> selects where the first Select populates the second Select. You'll
>>>>>> note
>>>>>> that the Page is stateful so 
>>>>>> any changes made to the Form (new fields added etc) will be available
>>>>>> when
>>>>>> the Form is finally 
>>>>>> submitted.
>>>>>>
>>>>>> http://clickclick-jquery.appspot.com/ajax/select-demo.htm
>>>>>>
>>>>>> This example uses jQuery but you'll notice that the JavaScript Ajax
>>>>>> logic
>>>>>> is encapsulated within the 
>>>>>> JQSelect control, an Ajax aware Select subclass. (Technically the
>>>>>> Ajax
>>>>>> logic is encapsulated within 
>>>>>> a JQHelper class and JQSelect merely delegates to JQHelper.)
>>>>>>
>>>>>> Hope this helps.
>>>>>>
>>>>>> kind regards
>>>>>>
>>>>>> bob
>>>>>>
>>>>>> Bob Schellink wrote:
>>>>>>> Depending on your time constraints, and since your new to Ajax
and 
>>>>>>> Click, you want to reconsider using Ajax for your use cases.
For
>>>>>>> example 
>>>>>>> you could use a wizard style approach to present the user with
>>>>>>> different 
>>>>>>> options. Each step in the wizard navigates to the next Page which
>>>>>>> reacts 
>>>>>>> to values from the previous Page.
>>>>>>>
>>>>>>> Otherwise I highly recommend you use a JS library such as Prototype,

>>>>>>> JQuery, Mootools etc. They provide good ajax functionality and

>>>>>>> (generally) shield you from the different browser quirks.
>>>>>>>
>>>>>>> One issue you will most likely face is that Click is stateless
by 
>>>>>>> default. Statelessness has great benefits for some use cases,
but in 
>>>>>>> your case might not work very well. In your case you will add
fields
>>>>>>> to 
>>>>>>> the form over multiple ajax requests. The Form representation
on the 
>>>>>>> browser will be very different from the Form representation on
the 
>>>>>>> server. Thus when you finally submit the Form the fields added
with
>>>>>>> Ajax 
>>>>>>> won't have a corresponding field on the server Form, and their
>>>>>>> values 
>>>>>>> won't be bound.
>>>>>>>
>>>>>>> To remedy this you will probably want to switch to stateful Pages,

>>>>>>> however this is not a simple "flip the switch" setting. Stateless
vs 
>>>>>>> stateful take different approaches. In stateful mode the Page

>>>>>>> constructor is only called once, but the life cycle events are
>>>>>>> called 
>>>>>>> for every request, while stateless pages are recreated every
>>>>>>> request.
>>>>>>>
>>>>>>> So to start I suggest you pick a JS library, create a new stateful
>>>>>>> Page 
>>>>>>> and test against that Page to get things working. Feel free to
post
>>>>>>> your 
>>>>>>> code to this list and I'll help where I can.
>>>>>>>
>>>>>>> One note about ClickClick's AjaxAdapter is you won't have to
change
>>>>>>> much 
>>>>>>> in your code to use the AjaxAdapter since it supports both Ajax
and 
>>>>>>> non-ajax calls.
>>>>>>>
>>>>>>> So if your code looks like this:
>>>>>>>
>>>>>>> public class MyPage extends Page {
>>>>>>>
>>>>>>>   public void onInit() {
>>>>>>>     Submit submit = new Submit("submit", this, "onSubmitClick");
>>>>>>>   }
>>>>>>>
>>>>>>>   public boolean onSubmitClick() {
>>>>>>>      dostuff();
>>>>>>>      return true;
>>>>>>>   }
>>>>>>> }
>>>>>>>
>>>>>>> it will change to:
>>>>>>>
>>>>>>> public class MyPage extends Page {
>>>>>>>
>>>>>>>   public void onInit() {
>>>>>>>     Submit submit = new Submit("submit");
>>>>>>>     submit.setActionListener(new AjaxAdapter(){
>>>>>>>
>>>>>>>       // This method replaces onSubmitClick() above and is called
>>>>>>> for 
>>>>>>> non-Ajax requests
>>>>>>>       public boolean onAction(Control control) {
>>>>>>>         dostuff();
>>>>>>>         return true;
>>>>>>>       }
>>>>>>>
>>>>>>>       // This method is optional and only called for Ajax requests
>>>>>>> which 
>>>>>>> target the submit button
>>>>>>>       public Partial onAjaxAction(Control control) {
>>>>>>>          ...
>>>>>>>       }
>>>>>>>
>>>>>>>     });
>>>>>>>   }
>>>>>>> }
>>>>>>>
>>>>>>>
>>>>>>> kind regards
>>>>>>>
>>>>>>> bob
>>>>>>>
>>>>>>> dshah wrote:
>>>>>>>
>>>>>>>> I was looking at the ClickClick examples but it looks like
in order
>>>>>>>> to 
>>>>>>>> use
>>>>>>>> that we'd have to rewrite all our current code base to support
the
>>>>>>>> AjaxAdapter etc.
>>>>>>>> I was hoping to use our current code base which uses Click
1.5 to 
>>>>>>>> simply do
>>>>>>>> what we want (which is calling the servlet to get a partial
form) -
>>>>>>>> our
>>>>>>>> current code base configures the form objects (using Click
>>>>>>>> controls) 
>>>>>>>> on the
>>>>>>>> server side and then renders it on the browser.. Very minimal
>>>>>>>> javascript
>>>>>>>> validation and selection is done through raw javascript,
no 
>>>>>>>> libraries.  So
>>>>>>>> my idea was to continue using the raw libraries to do what
we are 
>>>>>>>> doing but
>>>>>>>> also use some ajax library like JQuery or Prototype (we are
not 
>>>>>>>> particular
>>>>>>>> what we use) to render part of the form.. The partial form
is 
>>>>>>>> dependendant
>>>>>>>> (child selection) based on the user's selection (parent selection)
>>>>>>>> and 
>>>>>>>> needs
>>>>>>>> to be connect (hooked to the user's selection as the dependant
>>>>>>>> would 
>>>>>>>> change
>>>>>>>> based on the parent's selection.)
>>>>>>>>
>>>>>>>> Any tips are appreciated.
>>>>>>>> Thanks again!
>>>>>>>> Dipita
>>>>>>>>
>>>>>>>>
>>>>>>>> Bob Schellink-2 wrote:
>>>>>>>>> Hi Dipita,
>>>>>>>>>
>>>>>>>>> For Click 1.5 there aren't any Ajax specific components
(except
>>>>>>>>> for
>>>>>>>>> AutoCompleteField) but you can use Ajax with Click. Simply
invoke
>>>>>>>>> a 
>>>>>>>>> target Page and stream back the
>>>>>>>>> result you need. You probably want to look at the method

>>>>>>>>> Context#renderTemplate() so you can render
>>>>>>>>> different templates depending on the request parameter.
Or you can 
>>>>>>>>> create specific Pages to handle Ajax
>>>>>>>>> requests.
>>>>>>>>>
>>>>>>>>> Since I'm not sure what problems you are having here
are some
>>>>>>>>> things
>>>>>>>>> to
>>>>>>>>> look at when working with Ajax:
>>>>>>>>>
>>>>>>>>> - Ajax calls can use different content types eg: HTML,
JSON, XML.
>>>>>>>>> So
>>>>>>>>> depending on what you stream back to the browser you
probably want
>>>>>>>>> to 
>>>>>>>>> override the Page#getContentType
>>>>>>>>> to specify the correct type:
>>>>>>>>>
>>>>>>>>>    public String getContentType() {
>>>>>>>>>      return "text/json; charset=UTF-8";
>>>>>>>>>    }
>>>>>>>>>
>>>>>>>>> - If you want to render partial results (and not have
the default
>>>>>>>>> Page
>>>>>>>>> template invoked) you have to set the Page path to null.
Have a
>>>>>>>>> look 
>>>>>>>>> at the method "export" in the
>>>>>>>>> example here[1].
>>>>>>>>>
>>>>>>>>> The click-examples ship a couple of Ajax examples you
can look at,
>>>>>>>>> especially the ajax-select demo.
>>>>>>>>>
>>>>>>>>> There is also a project underway to add Ajax components
but it
>>>>>>>>> targets
>>>>>>>>> Click 2.1.0
>>>>>>>>>
>>>>>>>>> Btw are you using a JavaScript library?
>>>>>>>>>
>>>>>>>>> kind regards
>>>>>>>>>
>>>>>>>>> bob
>>>>>>>>>
>>>>>>>>> [1]: 
>>>>>>>>> http://www.avoka.com/click-examples/source-viewer.htm?filename=WEB-INF/classes/org/apache/click/examples/page/general/ExcelExportPage.java

>>>>>>>>>
>>>>>>>>>
>>>>>>>>> dshah wrote:
>>>>>>>>>> We are using Apache Click for our webapp and need
to incorporate
>>>>>>>>>> a 
>>>>>>>>>> way to
>>>>>>>>>> dynamically load partial forms based on the user's
selection -
>>>>>>>>>> does
>>>>>>>>>> anyone
>>>>>>>>>> know how we can do this with Click?  Is there support
for Ajax
>>>>>>>>>> with 
>>>>>>>>>> Click
>>>>>>>>>> 1.5 and if so, can someone PLEASE point me to some
examples or
>>>>>>>>>> documentation. Any help is appreciated as I am struggling
to get
>>>>>>>>>> any 
>>>>>>>>>> ajax
>>>>>>>>>> to
>>>>>>>>>> work with click.
>>>>>>>>>>
>>>>>>>>>> Thank you - someone please read and respond - really
appreciate
>>>>>>>>>> it.
>>>>>>>>>> Dipita
>>>>>>
>>>>
>>>>
>>>
>> 
> 
> 
> 
> 

-- 
View this message in context: http://n2.nabble.com/Does-Apache-Click-1-5-support-Ajax-please-help-tp4115987p4130831.html
Sent from the click-user mailing list archive at Nabble.com.





Re: Does Apache Click 1.5 support Ajax - please help!
2009-12-08T00:55:31Z

dshah wrote:
> Ok. Thanks. If we use the same formpage, then does the whole form get sent
> back from the Click Servlet to the browser or just the partial part that was
> just gotten?  


You can control what you send back from the Page. By default the Page will render the template

associated with the Page. But if you want you can render something else since you have access
to the 
Servlet HttpServletResponse object:

public MyPage extends Page {
   public boolean onSomeButtonClick() {
     HttpServletResponse response = getContext.getResponse();
     OutputStream os = response.getOutputStream();

     // Controls know how to draw themselves through their #toString() method
     IOUtils.write(textField.toString(), os);
     ...

     // Important to set path to null so Click won't render the default Page template
     setPath(null);
     return true;
   }
}

Have a look at the renderPartial method in my previous mail. That gives you the general idea
of how 
to create a generic method for rendering partial content. Note, its not necessary to use Velocity

templates to render controls. As shown above, controls know how to draw themselves by invoking
their 
#toStrnig methods (which is what a Velocity reference does as well e.g. $form becomes form.toString()).

kind regards

bob


> 
> One of our concerns is that we want to reduce the bandwidth used when
> sending the form from the servlet to the browser and so ideally, we were
> hoping to only load part of the form (i.e. have the servlet engine send only
> that section of the form to the browser but somehow know that the newly
> retrieved section belongs to the form that is already on the browser..)  
> 
> Thoughts?
> Dipita
> 
> 
> 
> 
> Bob Schellink-2 wrote:
>> Hi Dipita,
>>
>> dshah wrote:
>>> Thanks - in case we cannot upgrade to 2.1.0 and ClickClick
>>
>> The current trunk is pretty much what we want to release as 2.1.0 final.
>> So if you want to use 2.1.0 
>> I suggest you just build it from trunk:
>>
>> c:\dev\click>svn co
>> http://svn.apache.org/repos/asf/incubator/click/trunk/click/
>> c:\dev\click>cd build
>> c:\dev\click\build>ant get-deps
>> c:\dev\click\build>ant build-distribution
>>
>> Click recently graduation as an Apache Top Level Project and we are busy
>> moving our infrastructure 
>> from the incubator to TLP. Once this is done we will push out the official
>> 2.1.0 final release.
>>
>>
>>> I am looking at the ajax-select demo that comes with the 1.5.2 version of
>>> Click and  have a couple of questions:
>>> 1. If you had a form and did something similar to what this example is
>>> doing
>>> (render part of the form using a different page) via an ajax call, how
>>> does
>>> the form on your main page get the fields that were rendered using the
>>> different page or does it?  I mean if I make the page stateful as
>>> suggested
>>> and I render part of the page via an ajax call (which will configure
>>> another
>>> section of the form), I am unclear how both the rendering bind up to the
>>> same form element?
>>
>> Using a separate Page for Ajax rendering works OK for displaying extra
>> information such as a Table 
>> etc. For your case (building up a form on the server) this won't work well
>> if the form parts are 
>> built in a separate Page. Technically this is possible when using stateful
>> pages because you can 
>> retrieve the stateful page from the session:
>>
>> public AjaxPage extends BorderPage {
>>
>>    ...
>>
>>    public FormPage getForm() {
>>      FormPage page = (FormPage)
>> getContext().getSessionAttribute(FormPage.class.getName());
>>      return page.getForm();
>>    }
>> }
>>
>> However its probably easier to call back to FormPage itself and build the
>> Form with every call.
>>
>> You can create a helper method to render your partial responses, something
>> like this:
>>
>> public FormPage extends BorderPage {
>>
>>    public void renderPartial(String template, Map templateModel) {
>>      // Depending if you send back HTML, JSON, XML you need to adjust the
>> contentType here
>>      response.setContentType("text/html; charset=UTF-8");
>>      //response.setContentType("text/xml; charset=UTF-8");
>>
>>      response.setHeader("Pragma", "no-cache");
>>
>>      OutputStream outputStream = null;
>>      try {
>>          Context context = getContext();
>>          String partial = context.renderTemplate(template, templateModel);
>>
>>          outputStream = context.getResponse().getOutputStream();
>>
>>          IOUtils.write(partial, outputStream);
>>
>>          // NB: Specify no further rendering required by Click by setting
>> path to null
>>          // Thus Click won't render the Page default template form.htm
>>          setPath(null);
>>
>>      } catch (IOException ioe) {
>>          throw new RuntimeException(ioe);
>>
>>      } finally {
>>          IOUtils.closeQuietly(outputStream);
>>      }
>>    }
>> }
>>
>> The above method is probably better off in a utility class or the border
>> page.
>>
>>> 2.  The ajax-select-include.htm has the following code snippet:
>>>
>>> 
>>> 
>>> 
>>>
>>> Question is do we need to register an ajax event or could I for example
>>> onCustomerChange event (which is already registered as an attribute of
>>> the
>>> Select control) directly call the page that renders that section of the
>>> form
>>> e.g. using JQuery's load event or something like that?
>>
>> You can just use onCustomerChange as an attribute of the Select control.
>> In Ajax terms this is 
>> called "inline event handling" while the register approach is called
>> "unobtrusive JavaScript", 
>> meaning the the markup doesn't have any behavior specified.
>>
>> You can also look at encapsulating the Ajax behavior in a custom
>> AjaxSelect class:
>>
>> public CustomerAjaxSelect extends Select {
>>
>>    public void onInit() {
>>      select.setAttribute("onchange", "onCustomerChange(this)");
>>    }
>> }
>>
>> kind regards
>>
>> bob
>>
>>
>>> Apologies for stupid questions but I am new to Ajax.
>>>
>>> Thanks!
>>> Dipita
>>>
>>>
>>> Bob Schellink-2 wrote:
>>>> There is a ClickClick jQuery demo which seems very similar to your
>>>> needs.
>>>> Its a form with two 
>>>> selects where the first Select populates the second Select. You'll note
>>>> that the Page is stateful so 
>>>> any changes made to the Form (new fields added etc) will be available
>>>> when
>>>> the Form is finally 
>>>> submitted.
>>>>
>>>> http://clickclick-jquery.appspot.com/ajax/select-demo.htm
>>>>
>>>> This example uses jQuery but you'll notice that the JavaScript Ajax
>>>> logic
>>>> is encapsulated within the 
>>>> JQSelect control, an Ajax aware Select subclass. (Technically the Ajax
>>>> logic is encapsulated within 
>>>> a JQHelper class and JQSelect merely delegates to JQHelper.)
>>>>
>>>> Hope this helps.
>>>>
>>>> kind regards
>>>>
>>>> bob
>>>>
>>>> Bob Schellink wrote:
>>>>> Depending on your time constraints, and since your new to Ajax and 
>>>>> Click, you want to reconsider using Ajax for your use cases. For
>>>>> example 
>>>>> you could use a wizard style approach to present the user with
>>>>> different 
>>>>> options. Each step in the wizard navigates to the next Page which
>>>>> reacts 
>>>>> to values from the previous Page.
>>>>>
>>>>> Otherwise I highly recommend you use a JS library such as Prototype,

>>>>> JQuery, Mootools etc. They provide good ajax functionality and 
>>>>> (generally) shield you from the different browser quirks.
>>>>>
>>>>> One issue you will most likely face is that Click is stateless by 
>>>>> default. Statelessness has great benefits for some use cases, but in

>>>>> your case might not work very well. In your case you will add fields
to 
>>>>> the form over multiple ajax requests. The Form representation on the

>>>>> browser will be very different from the Form representation on the 
>>>>> server. Thus when you finally submit the Form the fields added with
>>>>> Ajax 
>>>>> won't have a corresponding field on the server Form, and their values

>>>>> won't be bound.
>>>>>
>>>>> To remedy this you will probably want to switch to stateful Pages, 
>>>>> however this is not a simple "flip the switch" setting. Stateless vs

>>>>> stateful take different approaches. In stateful mode the Page 
>>>>> constructor is only called once, but the life cycle events are called

>>>>> for every request, while stateless pages are recreated every request.
>>>>>
>>>>> So to start I suggest you pick a JS library, create a new stateful Page

>>>>> and test against that Page to get things working. Feel free to post
>>>>> your 
>>>>> code to this list and I'll help where I can.
>>>>>
>>>>> One note about ClickClick's AjaxAdapter is you won't have to change
>>>>> much 
>>>>> in your code to use the AjaxAdapter since it supports both Ajax and 
>>>>> non-ajax calls.
>>>>>
>>>>> So if your code looks like this:
>>>>>
>>>>> public class MyPage extends Page {
>>>>>
>>>>>   public void onInit() {
>>>>>     Submit submit = new Submit("submit", this, "onSubmitClick");
>>>>>   }
>>>>>
>>>>>   public boolean onSubmitClick() {
>>>>>      dostuff();
>>>>>      return true;
>>>>>   }
>>>>> }
>>>>>
>>>>> it will change to:
>>>>>
>>>>> public class MyPage extends Page {
>>>>>
>>>>>   public void onInit() {
>>>>>     Submit submit = new Submit("submit");
>>>>>     submit.setActionListener(new AjaxAdapter(){
>>>>>
>>>>>       // This method replaces onSubmitClick() above and is called for

>>>>> non-Ajax requests
>>>>>       public boolean onAction(Control control) {
>>>>>         dostuff();
>>>>>         return true;
>>>>>       }
>>>>>
>>>>>       // This method is optional and only called for Ajax requests
>>>>> which 
>>>>> target the submit button
>>>>>       public Partial onAjaxAction(Control control) {
>>>>>          ...
>>>>>       }
>>>>>
>>>>>     });
>>>>>   }
>>>>> }
>>>>>
>>>>>
>>>>> kind regards
>>>>>
>>>>> bob
>>>>>
>>>>> dshah wrote:
>>>>>
>>>>>> I was looking at the ClickClick examples but it looks like in order
to 
>>>>>> use
>>>>>> that we'd have to rewrite all our current code base to support the
>>>>>> AjaxAdapter etc.
>>>>>> I was hoping to use our current code base which uses Click 1.5 to

>>>>>> simply do
>>>>>> what we want (which is calling the servlet to get a partial form)
-
>>>>>> our
>>>>>> current code base configures the form objects (using Click controls)

>>>>>> on the
>>>>>> server side and then renders it on the browser.. Very minimal
>>>>>> javascript
>>>>>> validation and selection is done through raw javascript, no 
>>>>>> libraries.  So
>>>>>> my idea was to continue using the raw libraries to do what we are

>>>>>> doing but
>>>>>> also use some ajax library like JQuery or Prototype (we are not 
>>>>>> particular
>>>>>> what we use) to render part of the form.. The partial form is 
>>>>>> dependendant
>>>>>> (child selection) based on the user's selection (parent selection)
and 
>>>>>> needs
>>>>>> to be connect (hooked to the user's selection as the dependant would

>>>>>> change
>>>>>> based on the parent's selection.)
>>>>>>
>>>>>> Any tips are appreciated.
>>>>>> Thanks again!
>>>>>> Dipita
>>>>>>
>>>>>>
>>>>>> Bob Schellink-2 wrote:
>>>>>>> Hi Dipita,
>>>>>>>
>>>>>>> For Click 1.5 there aren't any Ajax specific components (except
for
>>>>>>> AutoCompleteField) but you can use Ajax with Click. Simply invoke
a 
>>>>>>> target Page and stream back the
>>>>>>> result you need. You probably want to look at the method 
>>>>>>> Context#renderTemplate() so you can render
>>>>>>> different templates depending on the request parameter. Or you
can 
>>>>>>> create specific Pages to handle Ajax
>>>>>>> requests.
>>>>>>>
>>>>>>> Since I'm not sure what problems you are having here are some
things
>>>>>>> to
>>>>>>> look at when working with Ajax:
>>>>>>>
>>>>>>> - Ajax calls can use different content types eg: HTML, JSON,
XML. So
>>>>>>> depending on what you stream back to the browser you probably
want to 
>>>>>>> override the Page#getContentType
>>>>>>> to specify the correct type:
>>>>>>>
>>>>>>>    public String getContentType() {
>>>>>>>      return "text/json; charset=UTF-8";
>>>>>>>    }
>>>>>>>
>>>>>>> - If you want to render partial results (and not have the default
>>>>>>> Page
>>>>>>> template invoked) you have to set the Page path to null. Have
a look 
>>>>>>> at the method "export" in the
>>>>>>> example here[1].
>>>>>>>
>>>>>>> The click-examples ship a couple of Ajax examples you can look
at,
>>>>>>> especially the ajax-select demo.
>>>>>>>
>>>>>>> There is also a project underway to add Ajax components but it
>>>>>>> targets
>>>>>>> Click 2.1.0
>>>>>>>
>>>>>>> Btw are you using a JavaScript library?
>>>>>>>
>>>>>>> kind regards
>>>>>>>
>>>>>>> bob
>>>>>>>
>>>>>>> [1]: 
>>>>>>> http://www.avoka.com/click-examples/source-viewer.htm?filename=WEB-INF/classes/org/apache/click/examples/page/general/ExcelExportPage.java

>>>>>>>
>>>>>>>
>>>>>>> dshah wrote:
>>>>>>>> We are using Apache Click for our webapp and need to incorporate
a 
>>>>>>>> way to
>>>>>>>> dynamically load partial forms based on the user's selection
- does
>>>>>>>> anyone
>>>>>>>> know how we can do this with Click?  Is there support for
Ajax with 
>>>>>>>> Click
>>>>>>>> 1.5 and if so, can someone PLEASE point me to some examples
or
>>>>>>>> documentation. Any help is appreciated as I am struggling
to get any 
>>>>>>>> ajax
>>>>>>>> to
>>>>>>>> work with click.
>>>>>>>>
>>>>>>>> Thank you - someone please read and respond - really appreciate
it.
>>>>>>>> Dipita
>>>>
>>
>>
> 






Re: Does Apache Click 1.5 support Ajax - please help!
2009-12-08T00:45:44Z

dshah wrote:
> I have a test example that I am testing by just sending a request to load
> part of the data based on a selection.. This is based on the example of
> ajax-select demo in the 1.5.  However, whenever I select something on the
> parent, the data is not rendering on the child (it's showing as though the
> values are null) - anyone figure out what I am doing wrong? 


I assume the Select on AjaxTestPage uses Ajax to pull the CheckList from AjaxTestPopulate
right?

Looking at AjaxTestPopulate the problem seems to be with the use of autobinding. I recommend
*not*
using the autobinding feature if you are new to Click. Quite a bit of magic is involved which
can be
confusing.

Just to explain what I think goes wrong with autobinding in this example:

1. Click creates the AjaxTestPopulate Page by invoking its default no-arg constructor.
2. Immediately after creating the Page, Click binds all public declared fields to the Page
as follows:
2.1 Click checks if the field is null or not
2.2 If the field is not null and its name is not set, Click sets the control name to that
of the field
2.3 Lastly Click adds the Control to the Page control list

The problem in AjaxTestPopulate is that after the Page constructor is called, childList is
still
null, since it is only created in the onGet page event.

You can change the Page as follows:

public class AjaxTestPopulate extends Page {

   public CheckList childList;

   public AjaxTestPopulate() {
     // Create the childList in the Page constructor. When autobinding kicks off (after Page
     // construction) the childList control will be created and satisfy #2.1 above
     childList = getChildList();
   }
}


Alternatively you can use explicit binding:

public class AjaxTestPopulate extends Page {

   public CheckList childList;

   public onGet() {
     childList = getChildList();
     childList.setName("childList");
     addControl(childList);
   }
}

kind regards

bob


> 
> Attaching my files:
> 1. ajax-test.htm is the main page
> 2. ajax-test-populate.htm is the page I want to load partially after
> something on the above is selected.
> 3. AjaxTestPage.java - corresponding page for ajax-test.htm
> 4. AjaxTestPopulate.java - corresponding page for ajax-test-populate.htm
> 5. result html -  this is the html I am seeing when I select something on
> ajax-test.htm..
> 
> Any idea what i am doing wrong?
> 
> Thanks!
> Dipita http://n2.nabble.com/file/n4127448/ajax-test.htm ajax-test.htm 
> http://n2.nabble.com/file/n4127448/ajax-test-populate.htm
> ajax-test-populate.htm  http://n2.nabble.com/file/n4127448/AjaxTestPage.java
> AjaxTestPage.java  http://n2.nabble.com/file/n4127448/AjaxTestPopulate.java
> AjaxTestPopulate.java  http://n2.nabble.com/file/n4127448/resultant_html.jpg
> resultant_html.jpg 
> 
> 
> 
> dshah wrote:
>> Ok. Thanks. If we use the same formpage, then does the whole form get sent
>> back from the Click Servlet to the browser or just the partial part that
>> was just gotten?  
>>
>> One of our concerns is that we want to reduce the bandwidth used when
>> sending the form from the servlet to the browser and so ideally, we were
>> hoping to only load part of the form (i.e. have the servlet engine send
>> only that section of the form to the browser but somehow know that the
>> newly retrieved section belongs to the form that is already on the
>> browser..)  
>>
>> Thoughts?
>> Dipita
>>
>>
>>
>>
>> Bob Schellink-2 wrote:
>>> Hi Dipita,
>>>
>>> dshah wrote:
>>>> Thanks - in case we cannot upgrade to 2.1.0 and ClickClick
>>>
>>> The current trunk is pretty much what we want to release as 2.1.0 final.
>>> So if you want to use 2.1.0 
>>> I suggest you just build it from trunk:
>>>
>>> c:\dev\click>svn co
>>> http://svn.apache.org/repos/asf/incubator/click/trunk/click/
>>> c:\dev\click>cd build
>>> c:\dev\click\build>ant get-deps
>>> c:\dev\click\build>ant build-distribution
>>>
>>> Click recently graduation as an Apache Top Level Project and we are busy
>>> moving our infrastructure 
>>> from the incubator to TLP. Once this is done we will push out the
>>> official 2.1.0 final release.
>>>
>>>
>>>> I am looking at the ajax-select demo that comes with the 1.5.2 version
>>>> of
>>>> Click and  have a couple of questions:
>>>> 1. If you had a form and did something similar to what this example is
>>>> doing
>>>> (render part of the form using a different page) via an ajax call, how
>>>> does
>>>> the form on your main page get the fields that were rendered using the
>>>> different page or does it?  I mean if I make the page stateful as
>>>> suggested
>>>> and I render part of the page via an ajax call (which will configure
>>>> another
>>>> section of the form), I am unclear how both the rendering bind up to the
>>>> same form element?
>>>
>>> Using a separate Page for Ajax rendering works OK for displaying extra
>>> information such as a Table 
>>> etc. For your case (building up a form on the server) this won't work
>>> well if the form parts are 
>>> built in a separate Page. Technically this is possible when using
>>> stateful pages because you can 
>>> retrieve the stateful page from the session:
>>>
>>> public AjaxPage extends BorderPage {
>>>
>>>    ...
>>>
>>>    public FormPage getForm() {
>>>      FormPage page = (FormPage)
>>> getContext().getSessionAttribute(FormPage.class.getName());
>>>      return page.getForm();
>>>    }
>>> }
>>>
>>> However its probably easier to call back to FormPage itself and build the
>>> Form with every call.
>>>
>>> You can create a helper method to render your partial responses,
>>> something like this:
>>>
>>> public FormPage extends BorderPage {
>>>
>>>    public void renderPartial(String template, Map templateModel) {
>>>      // Depending if you send back HTML, JSON, XML you need to adjust the
>>> contentType here
>>>      response.setContentType("text/html; charset=UTF-8");
>>>      //response.setContentType("text/xml; charset=UTF-8");
>>>
>>>      response.setHeader("Pragma", "no-cache");
>>>
>>>      OutputStream outputStream = null;
>>>      try {
>>>          Context context = getContext();
>>>          String partial = context.renderTemplate(template,
>>> templateModel);
>>>
>>>          outputStream = context.getResponse().getOutputStream();
>>>
>>>          IOUtils.write(partial, outputStream);
>>>
>>>          // NB: Specify no further rendering required by Click by setting
>>> path to null
>>>          // Thus Click won't render the Page default template form.htm
>>>          setPath(null);
>>>
>>>      } catch (IOException ioe) {
>>>          throw new RuntimeException(ioe);
>>>
>>>      } finally {
>>>          IOUtils.closeQuietly(outputStream);
>>>      }
>>>    }
>>> }
>>>
>>> The above method is probably better off in a utility class or the border
>>> page.
>>>
>>>> 2.  The ajax-select-include.htm has the following code snippet:
>>>>
>>>> 
>>>> 
>>>> 
>>>>
>>>> Question is do we need to register an ajax event or could I for example
>>>> onCustomerChange event (which is already registered as an attribute of
>>>> the
>>>> Select control) directly call the page that renders that section of the
>>>> form
>>>> e.g. using JQuery's load event or something like that?
>>>
>>> You can just use onCustomerChange as an attribute of the Select control.
>>> In Ajax terms this is 
>>> called "inline event handling" while the register approach is called
>>> "unobtrusive JavaScript", 
>>> meaning the the markup doesn't have any behavior specified.
>>>
>>> You can also look at encapsulating the Ajax behavior in a custom
>>> AjaxSelect class:
>>>
>>> public CustomerAjaxSelect extends Select {
>>>
>>>    public void onInit() {
>>>      select.setAttribute("onchange", "onCustomerChange(this)");
>>>    }
>>> }
>>>
>>> kind regards
>>>
>>> bob
>>>
>>>
>>>> Apologies for stupid questions but I am new to Ajax.
>>>>
>>>> Thanks!
>>>> Dipita
>>>>
>>>>
>>>> Bob Schellink-2 wrote:
>>>>> There is a ClickClick jQuery demo which seems very similar to your
>>>>> needs.
>>>>> Its a form with two 
>>>>> selects where the first Select populates the second Select. You'll note
>>>>> that the Page is stateful so 
>>>>> any changes made to the Form (new fields added etc) will be available
>>>>> when
>>>>> the Form is finally 
>>>>> submitted.
>>>>>
>>>>> http://clickclick-jquery.appspot.com/ajax/select-demo.htm
>>>>>
>>>>> This example uses jQuery but you'll notice that the JavaScript Ajax
>>>>> logic
>>>>> is encapsulated within the 
>>>>> JQSelect control, an Ajax aware Select subclass. (Technically the Ajax
>>>>> logic is encapsulated within 
>>>>> a JQHelper class and JQSelect merely delegates to JQHelper.)
>>>>>
>>>>> Hope this helps.
>>>>>
>>>>> kind regards
>>>>>
>>>>> bob
>>>>>
>>>>> Bob Schellink wrote:
>>>>>> Depending on your time constraints, and since your new to Ajax and

>>>>>> Click, you want to reconsider using Ajax for your use cases. For
>>>>>> example 
>>>>>> you could use a wizard style approach to present the user with
>>>>>> different 
>>>>>> options. Each step in the wizard navigates to the next Page which
>>>>>> reacts 
>>>>>> to values from the previous Page.
>>>>>>
>>>>>> Otherwise I highly recommend you use a JS library such as Prototype,

>>>>>> JQuery, Mootools etc. They provide good ajax functionality and 
>>>>>> (generally) shield you from the different browser quirks.
>>>>>>
>>>>>> One issue you will most likely face is that Click is stateless by

>>>>>> default. Statelessness has great benefits for some use cases, but
in 
>>>>>> your case might not work very well. In your case you will add fields
>>>>>> to 
>>>>>> the form over multiple ajax requests. The Form representation on
the 
>>>>>> browser will be very different from the Form representation on the

>>>>>> server. Thus when you finally submit the Form the fields added with
>>>>>> Ajax 
>>>>>> won't have a corresponding field on the server Form, and their values

>>>>>> won't be bound.
>>>>>>
>>>>>> To remedy this you will probably want to switch to stateful Pages,

>>>>>> however this is not a simple "flip the switch" setting. Stateless
vs 
>>>>>> stateful take different approaches. In stateful mode the Page 
>>>>>> constructor is only called once, but the life cycle events are called

>>>>>> for every request, while stateless pages are recreated every request.
>>>>>>
>>>>>> So to start I suggest you pick a JS library, create a new stateful
>>>>>> Page 
>>>>>> and test against that Page to get things working. Feel free to post
>>>>>> your 
>>>>>> code to this list and I'll help where I can.
>>>>>>
>>>>>> One note about ClickClick's AjaxAdapter is you won't have to change
>>>>>> much 
>>>>>> in your code to use the AjaxAdapter since it supports both Ajax and

>>>>>> non-ajax calls.
>>>>>>
>>>>>> So if your code looks like this:
>>>>>>
>>>>>> public class MyPage extends Page {
>>>>>>
>>>>>>   public void onInit() {
>>>>>>     Submit submit = new Submit("submit", this, "onSubmitClick");
>>>>>>   }
>>>>>>
>>>>>>   public boolean onSubmitClick() {
>>>>>>      dostuff();
>>>>>>      return true;
>>>>>>   }
>>>>>> }
>>>>>>
>>>>>> it will change to:
>>>>>>
>>>>>> public class MyPage extends Page {
>>>>>>
>>>>>>   public void onInit() {
>>>>>>     Submit submit = new Submit("submit");
>>>>>>     submit.setActionListener(new AjaxAdapter(){
>>>>>>
>>>>>>       // This method replaces onSubmitClick() above and is called
for 
>>>>>> non-Ajax requests
>>>>>>       public boolean onAction(Control control) {
>>>>>>         dostuff();
>>>>>>         return true;
>>>>>>       }
>>>>>>
>>>>>>       // This method is optional and only called for Ajax requests
>>>>>> which 
>>>>>> target the submit button
>>>>>>       public Partial onAjaxAction(Control control) {
>>>>>>          ...
>>>>>>       }
>>>>>>
>>>>>>     });
>>>>>>   }
>>>>>> }
>>>>>>
>>>>>>
>>>>>> kind regards
>>>>>>
>>>>>> bob
>>>>>>
>>>>>> dshah wrote:
>>>>>>
>>>>>>> I was looking at the ClickClick examples but it looks like in
order
>>>>>>> to 
>>>>>>> use
>>>>>>> that we'd have to rewrite all our current code base to support
the
>>>>>>> AjaxAdapter etc.
>>>>>>> I was hoping to use our current code base which uses Click 1.5
to 
>>>>>>> simply do
>>>>>>> what we want (which is calling the servlet to get a partial form)
-
>>>>>>> our
>>>>>>> current code base configures the form objects (using Click controls)

>>>>>>> on the
>>>>>>> server side and then renders it on the browser.. Very minimal
>>>>>>> javascript
>>>>>>> validation and selection is done through raw javascript, no 
>>>>>>> libraries.  So
>>>>>>> my idea was to continue using the raw libraries to do what we
are 
>>>>>>> doing but
>>>>>>> also use some ajax library like JQuery or Prototype (we are not

>>>>>>> particular
>>>>>>> what we use) to render part of the form.. The partial form is

>>>>>>> dependendant
>>>>>>> (child selection) based on the user's selection (parent selection)
>>>>>>> and 
>>>>>>> needs
>>>>>>> to be connect (hooked to the user's selection as the dependant
would 
>>>>>>> change
>>>>>>> based on the parent's selection.)
>>>>>>>
>>>>>>> Any tips are appreciated.
>>>>>>> Thanks again!
>>>>>>> Dipita
>>>>>>>
>>>>>>>
>>>>>>> Bob Schellink-2 wrote:
>>>>>>>> Hi Dipita,
>>>>>>>>
>>>>>>>> For Click 1.5 there aren't any Ajax specific components (except
for
>>>>>>>> AutoCompleteField) but you can use Ajax with Click. Simply
invoke a 
>>>>>>>> target Page and stream back the
>>>>>>>> result you need. You probably want to look at the method

>>>>>>>> Context#renderTemplate() so you can render
>>>>>>>> different templates depending on the request parameter. Or
you can 
>>>>>>>> create specific Pages to handle Ajax
>>>>>>>> requests.
>>>>>>>>
>>>>>>>> Since I'm not sure what problems you are having here are
some things
>>>>>>>> to
>>>>>>>> look at when working with Ajax:
>>>>>>>>
>>>>>>>> - Ajax calls can use different content types eg: HTML, JSON,
XML. So
>>>>>>>> depending on what you stream back to the browser you probably
want
>>>>>>>> to 
>>>>>>>> override the Page#getContentType
>>>>>>>> to specify the correct type:
>>>>>>>>
>>>>>>>>    public String getContentType() {
>>>>>>>>      return "text/json; charset=UTF-8";
>>>>>>>>    }
>>>>>>>>
>>>>>>>> - If you want to render partial results (and not have the
default
>>>>>>>> Page
>>>>>>>> template invoked) you have to set the Page path to null.
Have a look 
>>>>>>>> at the method "export" in the
>>>>>>>> example here[1].
>>>>>>>>
>>>>>>>> The click-examples ship a couple of Ajax examples you can
look at,
>>>>>>>> especially the ajax-select demo.
>>>>>>>>
>>>>>>>> There is also a project underway to add Ajax components but
it
>>>>>>>> targets
>>>>>>>> Click 2.1.0
>>>>>>>>
>>>>>>>> Btw are you using a JavaScript library?
>>>>>>>>
>>>>>>>> kind regards
>>>>>>>>
>>>>>>>> bob
>>>>>>>>
>>>>>>>> [1]: 
>>>>>>>> http://www.avoka.com/click-examples/source-viewer.htm?filename=WEB-INF/classes/org/apache/click/examples/page/general/ExcelExportPage.java

>>>>>>>>
>>>>>>>>
>>>>>>>> dshah wrote:
>>>>>>>>> We are using Apache Click for our webapp and need to
incorporate a 
>>>>>>>>> way to
>>>>>>>>> dynamically load partial forms based on the user's selection
- does
>>>>>>>>> anyone
>>>>>>>>> know how we can do this with Click?  Is there support
for Ajax with 
>>>>>>>>> Click
>>>>>>>>> 1.5 and if so, can someone PLEASE point me to some examples
or
>>>>>>>>> documentation. Any help is appreciated as I am struggling
to get
>>>>>>>>> any 
>>>>>>>>> ajax
>>>>>>>>> to
>>>>>>>>> work with click.
>>>>>>>>>
>>>>>>>>> Thank you - someone please read and respond - really
appreciate it.
>>>>>>>>> Dipita
>>>>>
>>>
>>>
>>
> 







Re: Does Apache Click 1.5 support Ajax - please help!
2009-12-07T17:59:19Z


I have a test example that I am testing by just sending a request to load
part of the data based on a selection.. This is based on the example of
ajax-select demo in the 1.5.  However, whenever I select something on the
parent, the data is not rendering on the child (it's showing as though the
values are null) - anyone figure out what I am doing wrong? 

Attaching my files:
1. ajax-test.htm is the main page
2. ajax-test-populate.htm is the page I want to load partially after
something on the above is selected.
3. AjaxTestPage.java - corresponding page for ajax-test.htm
4. AjaxTestPopulate.java - corresponding page for ajax-test-populate.htm
5. result html -  this is the html I am seeing when I select something on
ajax-test.htm..

Any idea what i am doing wrong?

Thanks!
Dipita http://n2.nabble.com/file/n4127448/ajax-test.htm ajax-test.htm 
http://n2.nabble.com/file/n4127448/ajax-test-populate.htm
ajax-test-populate.htm  http://n2.nabble.com/file/n4127448/AjaxTestPage.java
AjaxTestPage.java  http://n2.nabble.com/file/n4127448/AjaxTestPopulate.java
AjaxTestPopulate.java  http://n2.nabble.com/file/n4127448/resultant_html.jpg
resultant_html.jpg 



dshah wrote:
> 
> Ok. Thanks. If we use the same formpage, then does the whole form get sent
> back from the Click Servlet to the browser or just the partial part that
> was just gotten?  
> 
> One of our concerns is that we want to reduce the bandwidth used when
> sending the form from the servlet to the browser and so ideally, we were
> hoping to only load part of the form (i.e. have the servlet engine send
> only that section of the form to the browser but somehow know that the
> newly retrieved section belongs to the form that is already on the
> browser..)  
> 
> Thoughts?
> Dipita
> 
> 
> 
> 
> Bob Schellink-2 wrote:
>> 
>> Hi Dipita,
>> 
>> dshah wrote:
>>> Thanks - in case we cannot upgrade to 2.1.0 and ClickClick
>> 
>> 
>> The current trunk is pretty much what we want to release as 2.1.0 final.
>> So if you want to use 2.1.0 
>> I suggest you just build it from trunk:
>> 
>> c:\dev\click>svn co
>> http://svn.apache.org/repos/asf/incubator/click/trunk/click/
>> c:\dev\click>cd build
>> c:\dev\click\build>ant get-deps
>> c:\dev\click\build>ant build-distribution
>> 
>> Click recently graduation as an Apache Top Level Project and we are busy
>> moving our infrastructure 
>> from the incubator to TLP. Once this is done we will push out the
>> official 2.1.0 final release.
>> 
>> 
>>> I am looking at the ajax-select demo that comes with the 1.5.2 version
>>> of
>>> Click and  have a couple of questions:
>>> 1. If you had a form and did something similar to what this example is
>>> doing
>>> (render part of the form using a different page) via an ajax call, how
>>> does
>>> the form on your main page get the fields that were rendered using the
>>> different page or does it?  I mean if I make the page stateful as
>>> suggested
>>> and I render part of the page via an ajax call (which will configure
>>> another
>>> section of the form), I am unclear how both the rendering bind up to the
>>> same form element?
>> 
>> 
>> Using a separate Page for Ajax rendering works OK for displaying extra
>> information such as a Table 
>> etc. For your case (building up a form on the server) this won't work
>> well if the form parts are 
>> built in a separate Page. Technically this is possible when using
>> stateful pages because you can 
>> retrieve the stateful page from the session:
>> 
>> public AjaxPage extends BorderPage {
>> 
>>    ...
>> 
>>    public FormPage getForm() {
>>      FormPage page = (FormPage)
>> getContext().getSessionAttribute(FormPage.class.getName());
>>      return page.getForm();
>>    }
>> }
>> 
>> However its probably easier to call back to FormPage itself and build the
>> Form with every call.
>> 
>> You can create a helper method to render your partial responses,
>> something like this:
>> 
>> public FormPage extends BorderPage {
>> 
>>    public void renderPartial(String template, Map templateModel) {
>>      // Depending if you send back HTML, JSON, XML you need to adjust the
>> contentType here
>>      response.setContentType("text/html; charset=UTF-8");
>>      //response.setContentType("text/xml; charset=UTF-8");
>> 
>>      response.setHeader("Pragma", "no-cache");
>> 
>>      OutputStream outputStream = null;
>>      try {
>>          Context context = getContext();
>>          String partial = context.renderTemplate(template,
>> templateModel);
>> 
>>          outputStream = context.getResponse().getOutputStream();
>> 
>>          IOUtils.write(partial, outputStream);
>> 
>>          // NB: Specify no further rendering required by Click by setting
>> path to null
>>          // Thus Click won't render the Page default template form.htm
>>          setPath(null);
>> 
>>      } catch (IOException ioe) {
>>          throw new RuntimeException(ioe);
>> 
>>      } finally {
>>          IOUtils.closeQuietly(outputStream);
>>      }
>>    }
>> }
>> 
>> The above method is probably better off in a utility class or the border
>> page.
>> 
>>> 
>>> 2.  The ajax-select-include.htm has the following code snippet:
>>> 
>>> 
>>> 
>>> 
>>> 
>>> Question is do we need to register an ajax event or could I for example
>>> onCustomerChange event (which is already registered as an attribute of
>>> the
>>> Select control) directly call the page that renders that section of the
>>> form
>>> e.g. using JQuery's load event or something like that?
>> 
>> 
>> You can just use onCustomerChange as an attribute of the Select control.
>> In Ajax terms this is 
>> called "inline event handling" while the register approach is called
>> "unobtrusive JavaScript", 
>> meaning the the markup doesn't have any behavior specified.
>> 
>> You can also look at encapsulating the Ajax behavior in a custom
>> AjaxSelect class:
>> 
>> public CustomerAjaxSelect extends Select {
>> 
>>    public void onInit() {
>>      select.setAttribute("onchange", "onCustomerChange(this)");
>>    }
>> }
>> 
>> kind regards
>> 
>> bob
>> 
>> 
>>> 
>>> Apologies for stupid questions but I am new to Ajax.
>>> 
>>> Thanks!
>>> Dipita
>>> 
>>> 
>>> Bob Schellink-2 wrote:
>>>> There is a ClickClick jQuery demo which seems very similar to your
>>>> needs.
>>>> Its a form with two 
>>>> selects where the first Select populates the second Select. You'll note
>>>> that the Page is stateful so 
>>>> any changes made to the Form (new fields added etc) will be available
>>>> when
>>>> the Form is finally 
>>>> submitted.
>>>>
>>>> http://clickclick-jquery.appspot.com/ajax/select-demo.htm
>>>>
>>>> This example uses jQuery but you'll notice that the JavaScript Ajax
>>>> logic
>>>> is encapsulated within the 
>>>> JQSelect control, an Ajax aware Select subclass. (Technically the Ajax
>>>> logic is encapsulated within 
>>>> a JQHelper class and JQSelect merely delegates to JQHelper.)
>>>>
>>>> Hope this helps.
>>>>
>>>> kind regards
>>>>
>>>> bob
>>>>
>>>> Bob Schellink wrote:
>>>>> Depending on your time constraints, and since your new to Ajax and 
>>>>> Click, you want to reconsider using Ajax for your use cases. For
>>>>> example 
>>>>> you could use a wizard style approach to present the user with
>>>>> different 
>>>>> options. Each step in the wizard navigates to the next Page which
>>>>> reacts 
>>>>> to values from the previous Page.
>>>>>
>>>>> Otherwise I highly recommend you use a JS library such as Prototype,

>>>>> JQuery, Mootools etc. They provide good ajax functionality and 
>>>>> (generally) shield you from the different browser quirks.
>>>>>
>>>>> One issue you will most likely face is that Click is stateless by 
>>>>> default. Statelessness has great benefits for some use cases, but in

>>>>> your case might not work very well. In your case you will add fields
>>>>> to 
>>>>> the form over multiple ajax requests. The Form representation on the

>>>>> browser will be very different from the Form representation on the 
>>>>> server. Thus when you finally submit the Form the fields added with
>>>>> Ajax 
>>>>> won't have a corresponding field on the server Form, and their values

>>>>> won't be bound.
>>>>>
>>>>> To remedy this you will probably want to switch to stateful Pages, 
>>>>> however this is not a simple "flip the switch" setting. Stateless vs

>>>>> stateful take different approaches. In stateful mode the Page 
>>>>> constructor is only called once, but the life cycle events are called

>>>>> for every request, while stateless pages are recreated every request.
>>>>>
>>>>> So to start I suggest you pick a JS library, create a new stateful
>>>>> Page 
>>>>> and test against that Page to get things working. Feel free to post
>>>>> your 
>>>>> code to this list and I'll help where I can.
>>>>>
>>>>> One note about ClickClick's AjaxAdapter is you won't have to change
>>>>> much 
>>>>> in your code to use the AjaxAdapter since it supports both Ajax and 
>>>>> non-ajax calls.
>>>>>
>>>>> So if your code looks like this:
>>>>>
>>>>> public class MyPage extends Page {
>>>>>
>>>>>   public void onInit() {
>>>>>     Submit submit = new Submit("submit", this, "onSubmitClick");
>>>>>   }
>>>>>
>>>>>   public boolean onSubmitClick() {
>>>>>      dostuff();
>>>>>      return true;
>>>>>   }
>>>>> }
>>>>>
>>>>> it will change to:
>>>>>
>>>>> public class MyPage extends Page {
>>>>>
>>>>>   public void onInit() {
>>>>>     Submit submit = new Submit("submit");
>>>>>     submit.setActionListener(new AjaxAdapter(){
>>>>>
>>>>>       // This method replaces onSubmitClick() above and is called for

>>>>> non-Ajax requests
>>>>>       public boolean onAction(Control control) {
>>>>>         dostuff();
>>>>>         return true;
>>>>>       }
>>>>>
>>>>>       // This method is optional and only called for Ajax requests
>>>>> which 
>>>>> target the submit button
>>>>>       public Partial onAjaxAction(Control control) {
>>>>>          ...
>>>>>       }
>>>>>
>>>>>     });
>>>>>   }
>>>>> }
>>>>>
>>>>>
>>>>> kind regards
>>>>>
>>>>> bob
>>>>>
>>>>> dshah wrote:
>>>>>
>>>>>> I was looking at the ClickClick examples but it looks like in order
>>>>>> to 
>>>>>> use
>>>>>> that we'd have to rewrite all our current code base to support the
>>>>>> AjaxAdapter etc.
>>>>>
>>>>>> I was hoping to use our current code base which uses Click 1.5 to

>>>>>> simply do
>>>>>> what we want (which is calling the servlet to get a partial form)
-
>>>>>> our
>>>>>> current code base configures the form objects (using Click controls)

>>>>>> on the
>>>>>> server side and then renders it on the browser.. Very minimal
>>>>>> javascript
>>>>>> validation and selection is done through raw javascript, no 
>>>>>> libraries.  So
>>>>>> my idea was to continue using the raw libraries to do what we are

>>>>>> doing but
>>>>>> also use some ajax library like JQuery or Prototype (we are not 
>>>>>> particular
>>>>>> what we use) to render part of the form.. The partial form is 
>>>>>> dependendant
>>>>>> (child selection) based on the user's selection (parent selection)
>>>>>> and 
>>>>>> needs
>>>>>> to be connect (hooked to the user's selection as the dependant would

>>>>>> change
>>>>>> based on the parent's selection.)
>>>>>>
>>>>>> Any tips are appreciated.
>>>>>> Thanks again!
>>>>>> Dipita
>>>>>>
>>>>>>
>>>>>> Bob Schellink-2 wrote:
>>>>>>> Hi Dipita,
>>>>>>>
>>>>>>> For Click 1.5 there aren't any Ajax specific components (except
for
>>>>>>> AutoCompleteField) but you can use Ajax with Click. Simply invoke
a 
>>>>>>> target Page and stream back the
>>>>>>> result you need. You probably want to look at the method 
>>>>>>> Context#renderTemplate() so you can render
>>>>>>> different templates depending on the request parameter. Or you
can 
>>>>>>> create specific Pages to handle Ajax
>>>>>>> requests.
>>>>>>>
>>>>>>> Since I'm not sure what problems you are having here are some
things
>>>>>>> to
>>>>>>> look at when working with Ajax:
>>>>>>>
>>>>>>> - Ajax calls can use different content types eg: HTML, JSON,
XML. So
>>>>>>> depending on what you stream back to the browser you probably
want
>>>>>>> to 
>>>>>>> override the Page#getContentType
>>>>>>> to specify the correct type:
>>>>>>>
>>>>>>>    public String getContentType() {
>>>>>>>      return "text/json; charset=UTF-8";
>>>>>>>    }
>>>>>>>
>>>>>>> - If you want to render partial results (and not have the default
>>>>>>> Page
>>>>>>> template invoked) you have to set the Page path to null. Have
a look 
>>>>>>> at the method "export" in the
>>>>>>> example here[1].
>>>>>>>
>>>>>>> The click-examples ship a couple of Ajax examples you can look
at,
>>>>>>> especially the ajax-select demo.
>>>>>>>
>>>>>>> There is also a project underway to add Ajax components but it
>>>>>>> targets
>>>>>>> Click 2.1.0
>>>>>>>
>>>>>>> Btw are you using a JavaScript library?
>>>>>>>
>>>>>>> kind regards
>>>>>>>
>>>>>>> bob
>>>>>>>
>>>>>>> [1]: 
>>>>>>> http://www.avoka.com/click-examples/source-viewer.htm?filename=WEB-INF/classes/org/apache/click/examples/page/general/ExcelExportPage.java

>>>>>>>
>>>>>>>
>>>>>>> dshah wrote:
>>>>>>>> We are using Apache Click for our webapp and need to incorporate
a 
>>>>>>>> way to
>>>>>>>> dynamically load partial forms based on the user's selection
- does
>>>>>>>> anyone
>>>>>>>> know how we can do this with Click?  Is there support for
Ajax with 
>>>>>>>> Click
>>>>>>>> 1.5 and if so, can someone PLEASE point me to some examples
or
>>>>>>>> documentation. Any help is appreciated as I am struggling
to get
>>>>>>>> any 
>>>>>>>> ajax
>>>>>>>> to
>>>>>>>> work with click.
>>>>>>>>
>>>>>>>> Thank you - someone please read and respond - really appreciate
it.
>>>>>>>> Dipita
>>>>>>>
>>>>>
>>>>
>>>>
>>> 
>> 
>> 
>> 
> 
> 

-- 
View this message in context: http://n2.nabble.com/Does-Apache-Click-1-5-support-Ajax-please-help-tp4115987p4127448.html
Sent from the click-user mailing list archive at Nabble.com.





Re: Does Apache Click 1.5 support Ajax - please help!
2009-12-07T08:27:00Z


Ok. Thanks. If we use the same formpage, then does the whole form get sent
back from the Click Servlet to the browser or just the partial part that was
just gotten?  

One of our concerns is that we want to reduce the bandwidth used when
sending the form from the servlet to the browser and so ideally, we were
hoping to only load part of the form (i.e. have the servlet engine send only
that section of the form to the browser but somehow know that the newly
retrieved section belongs to the form that is already on the browser..)  

Thoughts?
Dipita




Bob Schellink-2 wrote:
> 
> Hi Dipita,
> 
> dshah wrote:
>> Thanks - in case we cannot upgrade to 2.1.0 and ClickClick
> 
> 
> The current trunk is pretty much what we want to release as 2.1.0 final.
> So if you want to use 2.1.0 
> I suggest you just build it from trunk:
> 
> c:\dev\click>svn co
> http://svn.apache.org/repos/asf/incubator/click/trunk/click/
> c:\dev\click>cd build
> c:\dev\click\build>ant get-deps
> c:\dev\click\build>ant build-distribution
> 
> Click recently graduation as an Apache Top Level Project and we are busy
> moving our infrastructure 
> from the incubator to TLP. Once this is done we will push out the official
> 2.1.0 final release.
> 
> 
>> I am looking at the ajax-select demo that comes with the 1.5.2 version of
>> Click and  have a couple of questions:
>> 1. If you had a form and did something similar to what this example is
>> doing
>> (render part of the form using a different page) via an ajax call, how
>> does
>> the form on your main page get the fields that were rendered using the
>> different page or does it?  I mean if I make the page stateful as
>> suggested
>> and I render part of the page via an ajax call (which will configure
>> another
>> section of the form), I am unclear how both the rendering bind up to the
>> same form element?
> 
> 
> Using a separate Page for Ajax rendering works OK for displaying extra
> information such as a Table 
> etc. For your case (building up a form on the server) this won't work well
> if the form parts are 
> built in a separate Page. Technically this is possible when using stateful
> pages because you can 
> retrieve the stateful page from the session:
> 
> public AjaxPage extends BorderPage {
> 
>    ...
> 
>    public FormPage getForm() {
>      FormPage page = (FormPage)
> getContext().getSessionAttribute(FormPage.class.getName());
>      return page.getForm();
>    }
> }
> 
> However its probably easier to call back to FormPage itself and build the
> Form with every call.
> 
> You can create a helper method to render your partial responses, something
> like this:
> 
> public FormPage extends BorderPage {
> 
>    public void renderPartial(String template, Map templateModel) {
>      // Depending if you send back HTML, JSON, XML you need to adjust the
> contentType here
>      response.setContentType("text/html; charset=UTF-8");
>      //response.setContentType("text/xml; charset=UTF-8");
> 
>      response.setHeader("Pragma", "no-cache");
> 
>      OutputStream outputStream = null;
>      try {
>          Context context = getContext();
>          String partial = context.renderTemplate(template, templateModel);
> 
>          outputStream = context.getResponse().getOutputStream();
> 
>          IOUtils.write(partial, outputStream);
> 
>          // NB: Specify no further rendering required by Click by setting
> path to null
>          // Thus Click won't render the Page default template form.htm
>          setPath(null);
> 
>      } catch (IOException ioe) {
>          throw new RuntimeException(ioe);
> 
>      } finally {
>          IOUtils.closeQuietly(outputStream);
>      }
>    }
> }
> 
> The above method is probably better off in a utility class or the border
> page.
> 
>> 
>> 2.  The ajax-select-include.htm has the following code snippet:
>> 
>> 
>> 
>> 
>> 
>> Question is do we need to register an ajax event or could I for example
>> onCustomerChange event (which is already registered as an attribute of
>> the
>> Select control) directly call the page that renders that section of the
>> form
>> e.g. using JQuery's load event or something like that?
> 
> 
> You can just use onCustomerChange as an attribute of the Select control.
> In Ajax terms this is 
> called "inline event handling" while the register approach is called
> "unobtrusive JavaScript", 
> meaning the the markup doesn't have any behavior specified.
> 
> You can also look at encapsulating the Ajax behavior in a custom
> AjaxSelect class:
> 
> public CustomerAjaxSelect extends Select {
> 
>    public void onInit() {
>      select.setAttribute("onchange", "onCustomerChange(this)");
>    }
> }
> 
> kind regards
> 
> bob
> 
> 
>> 
>> Apologies for stupid questions but I am new to Ajax.
>> 
>> Thanks!
>> Dipita
>> 
>> 
>> Bob Schellink-2 wrote:
>>> There is a ClickClick jQuery demo which seems very similar to your
>>> needs.
>>> Its a form with two 
>>> selects where the first Select populates the second Select. You'll note
>>> that the Page is stateful so 
>>> any changes made to the Form (new fields added etc) will be available
>>> when
>>> the Form is finally 
>>> submitted.
>>>
>>> http://clickclick-jquery.appspot.com/ajax/select-demo.htm
>>>
>>> This example uses jQuery but you'll notice that the JavaScript Ajax
>>> logic
>>> is encapsulated within the 
>>> JQSelect control, an Ajax aware Select subclass. (Technically the Ajax
>>> logic is encapsulated within 
>>> a JQHelper class and JQSelect merely delegates to JQHelper.)
>>>
>>> Hope this helps.
>>>
>>> kind regards
>>>
>>> bob
>>>
>>> Bob Schellink wrote:
>>>> Depending on your time constraints, and since your new to Ajax and 
>>>> Click, you want to reconsider using Ajax for your use cases. For
>>>> example 
>>>> you could use a wizard style approach to present the user with
>>>> different 
>>>> options. Each step in the wizard navigates to the next Page which
>>>> reacts 
>>>> to values from the previous Page.
>>>>
>>>> Otherwise I highly recommend you use a JS library such as Prototype, 
>>>> JQuery, Mootools etc. They provide good ajax functionality and 
>>>> (generally) shield you from the different browser quirks.
>>>>
>>>> One issue you will most likely face is that Click is stateless by 
>>>> default. Statelessness has great benefits for some use cases, but in 
>>>> your case might not work very well. In your case you will add fields to 
>>>> the form over multiple ajax requests. The Form representation on the 
>>>> browser will be very different from the Form representation on the 
>>>> server. Thus when you finally submit the Form the fields added with
>>>> Ajax 
>>>> won't have a corresponding field on the server Form, and their values 
>>>> won't be bound.
>>>>
>>>> To remedy this you will probably want to switch to stateful Pages, 
>>>> however this is not a simple "flip the switch" setting. Stateless vs 
>>>> stateful take different approaches. In stateful mode the Page 
>>>> constructor is only called once, but the life cycle events are called 
>>>> for every request, while stateless pages are recreated every request.
>>>>
>>>> So to start I suggest you pick a JS library, create a new stateful Page 
>>>> and test against that Page to get things working. Feel free to post
>>>> your 
>>>> code to this list and I'll help where I can.
>>>>
>>>> One note about ClickClick's AjaxAdapter is you won't have to change
>>>> much 
>>>> in your code to use the AjaxAdapter since it supports both Ajax and 
>>>> non-ajax calls.
>>>>
>>>> So if your code looks like this:
>>>>
>>>> public class MyPage extends Page {
>>>>
>>>>   public void onInit() {
>>>>     Submit submit = new Submit("submit", this, "onSubmitClick");
>>>>   }
>>>>
>>>>   public boolean onSubmitClick() {
>>>>      dostuff();
>>>>      return true;
>>>>   }
>>>> }
>>>>
>>>> it will change to:
>>>>
>>>> public class MyPage extends Page {
>>>>
>>>>   public void onInit() {
>>>>     Submit submit = new Submit("submit");
>>>>     submit.setActionListener(new AjaxAdapter(){
>>>>
>>>>       // This method replaces onSubmitClick() above and is called for 
>>>> non-Ajax requests
>>>>       public boolean onAction(Control control) {
>>>>         dostuff();
>>>>         return true;
>>>>       }
>>>>
>>>>       // This method is optional and only called for Ajax requests
>>>> which 
>>>> target the submit button
>>>>       public Partial onAjaxAction(Control control) {
>>>>          ...
>>>>       }
>>>>
>>>>     });
>>>>   }
>>>> }
>>>>
>>>>
>>>> kind regards
>>>>
>>>> bob
>>>>
>>>> dshah wrote:
>>>>
>>>>> I was looking at the ClickClick examples but it looks like in order to

>>>>> use
>>>>> that we'd have to rewrite all our current code base to support the
>>>>> AjaxAdapter etc.
>>>>
>>>>> I was hoping to use our current code base which uses Click 1.5 to 
>>>>> simply do
>>>>> what we want (which is calling the servlet to get a partial form) -
>>>>> our
>>>>> current code base configures the form objects (using Click controls)

>>>>> on the
>>>>> server side and then renders it on the browser.. Very minimal
>>>>> javascript
>>>>> validation and selection is done through raw javascript, no 
>>>>> libraries.  So
>>>>> my idea was to continue using the raw libraries to do what we are 
>>>>> doing but
>>>>> also use some ajax library like JQuery or Prototype (we are not 
>>>>> particular
>>>>> what we use) to render part of the form.. The partial form is 
>>>>> dependendant
>>>>> (child selection) based on the user's selection (parent selection) and

>>>>> needs
>>>>> to be connect (hooked to the user's selection as the dependant would

>>>>> change
>>>>> based on the parent's selection.)
>>>>>
>>>>> Any tips are appreciated.
>>>>> Thanks again!
>>>>> Dipita
>>>>>
>>>>>
>>>>> Bob Schellink-2 wrote:
>>>>>> Hi Dipita,
>>>>>>
>>>>>> For Click 1.5 there aren't any Ajax specific components (except for
>>>>>> AutoCompleteField) but you can use Ajax with Click. Simply invoke
a 
>>>>>> target Page and stream back the
>>>>>> result you need. You probably want to look at the method 
>>>>>> Context#renderTemplate() so you can render
>>>>>> different templates depending on the request parameter. Or you can

>>>>>> create specific Pages to handle Ajax
>>>>>> requests.
>>>>>>
>>>>>> Since I'm not sure what problems you are having here are some things
>>>>>> to
>>>>>> look at when working with Ajax:
>>>>>>
>>>>>> - Ajax calls can use different content types eg: HTML, JSON, XML.
So
>>>>>> depending on what you stream back to the browser you probably want
to 
>>>>>> override the Page#getContentType
>>>>>> to specify the correct type:
>>>>>>
>>>>>>    public String getContentType() {
>>>>>>      return "text/json; charset=UTF-8";
>>>>>>    }
>>>>>>
>>>>>> - If you want to render partial results (and not have the default
>>>>>> Page
>>>>>> template invoked) you have to set the Page path to null. Have a look

>>>>>> at the method "export" in the
>>>>>> example here[1].
>>>>>>
>>>>>> The click-examples ship a couple of Ajax examples you can look at,
>>>>>> especially the ajax-select demo.
>>>>>>
>>>>>> There is also a project underway to add Ajax components but it
>>>>>> targets
>>>>>> Click 2.1.0
>>>>>>
>>>>>> Btw are you using a JavaScript library?
>>>>>>
>>>>>> kind regards
>>>>>>
>>>>>> bob
>>>>>>
>>>>>> [1]: 
>>>>>> http://www.avoka.com/click-examples/source-viewer.htm?filename=WEB-INF/classes/org/apache/click/examples/page/general/ExcelExportPage.java

>>>>>>
>>>>>>
>>>>>> dshah wrote:
>>>>>>> We are using Apache Click for our webapp and need to incorporate
a 
>>>>>>> way to
>>>>>>> dynamically load partial forms based on the user's selection
- does
>>>>>>> anyone
>>>>>>> know how we can do this with Click?  Is there support for Ajax
with 
>>>>>>> Click
>>>>>>> 1.5 and if so, can someone PLEASE point me to some examples or
>>>>>>> documentation. Any help is appreciated as I am struggling to
get any 
>>>>>>> ajax
>>>>>>> to
>>>>>>> work with click.
>>>>>>>
>>>>>>> Thank you - someone please read and respond - really appreciate
it.
>>>>>>> Dipita
>>>>>>
>>>>
>>>
>>>
>> 
> 
> 
> 

-- 
View this message in context: http://n2.nabble.com/Does-Apache-Click-1-5-support-Ajax-please-help-tp4115987p4124853.html
Sent from the click-user mailing list archive at Nabble.com.





Re: Does Apache Click 1.5 support Ajax - please help!
2009-12-06T23:17:14Z

Hi Dipita,

dshah wrote:
> Thanks - in case we cannot upgrade to 2.1.0 and ClickClick


The current trunk is pretty much what we want to release as 2.1.0 final. So if you want to
use 2.1.0 
I suggest you just build it from trunk:

c:\dev\click>svn co http://svn.apache.org/repos/asf/incubator/click/trunk/click/
c:\dev\click>cd build
c:\dev\click\build>ant get-deps
c:\dev\click\build>ant build-distribution

Click recently graduation as an Apache Top Level Project and we are busy moving our infrastructure

from the incubator to TLP. Once this is done we will push out the official 2.1.0 final release.


> I am looking at the ajax-select demo that comes with the 1.5.2 version of
> Click and  have a couple of questions:
> 1. If you had a form and did something similar to what this example is doing
> (render part of the form using a different page) via an ajax call, how does
> the form on your main page get the fields that were rendered using the
> different page or does it?  I mean if I make the page stateful as suggested
> and I render part of the page via an ajax call (which will configure another
> section of the form), I am unclear how both the rendering bind up to the
> same form element?


Using a separate Page for Ajax rendering works OK for displaying extra information such as
a Table 
etc. For your case (building up a form on the server) this won't work well if the form parts
are 
built in a separate Page. Technically this is possible when using stateful pages because you
can 
retrieve the stateful page from the session:

public AjaxPage extends BorderPage {

   ...

   public FormPage getForm() {
     FormPage page = (FormPage) getContext().getSessionAttribute(FormPage.class.getName());
     return page.getForm();
   }
}

However its probably easier to call back to FormPage itself and build the Form with every
call.

You can create a helper method to render your partial responses, something like this:

public FormPage extends BorderPage {

   public void renderPartial(String template, Map templateModel) {
     // Depending if you send back HTML, JSON, XML you need to adjust the contentType here
     response.setContentType("text/html; charset=UTF-8");
     //response.setContentType("text/xml; charset=UTF-8");

     response.setHeader("Pragma", "no-cache");

     OutputStream outputStream = null;
     try {
         Context context = getContext();
         String partial = context.renderTemplate(template, templateModel);

         outputStream = context.getResponse().getOutputStream();

         IOUtils.write(partial, outputStream);

         // NB: Specify no further rendering required by Click by setting path to null
         // Thus Click won't render the Page default template form.htm
         setPath(null);

     } catch (IOException ioe) {
         throw new RuntimeException(ioe);

     } finally {
         IOUtils.closeQuietly(outputStream);
     }
   }
}

The above method is probably better off in a utility class or the border page.

> 
> 2.  The ajax-select-include.htm has the following code snippet:
> 
> 
> 
> 
> 
> Question is do we need to register an ajax event or could I for example
> onCustomerChange event (which is already registered as an attribute of the
> Select control) directly call the page that renders that section of the form
> e.g. using JQuery's load event or something like that?


You can just use onCustomerChange as an attribute of the Select control. In Ajax terms this
is 
called "inline event handling" while the register approach is called "unobtrusive JavaScript",

meaning the the markup doesn't have any behavior specified.

You can also look at encapsulating the Ajax behavior in a custom AjaxSelect class:

public CustomerAjaxSelect extends Select {

   public void onInit() {
     select.setAttribute("onchange", "onCustomerChange(this)");
   }
}

kind regards

bob


> 
> Apologies for stupid questions but I am new to Ajax.
> 
> Thanks!
> Dipita
> 
> 
> Bob Schellink-2 wrote:
>> There is a ClickClick jQuery demo which seems very similar to your needs.
>> Its a form with two 
>> selects where the first Select populates the second Select. You'll note
>> that the Page is stateful so 
>> any changes made to the Form (new fields added etc) will be available when
>> the Form is finally 
>> submitted.
>>
>> http://clickclick-jquery.appspot.com/ajax/select-demo.htm
>>
>> This example uses jQuery but you'll notice that the JavaScript Ajax logic
>> is encapsulated within the 
>> JQSelect control, an Ajax aware Select subclass. (Technically the Ajax
>> logic is encapsulated within 
>> a JQHelper class and JQSelect merely delegates to JQHelper.)
>>
>> Hope this helps.
>>
>> kind regards
>>
>> bob
>>
>> Bob Schellink wrote:
>>> Depending on your time constraints, and since your new to Ajax and 
>>> Click, you want to reconsider using Ajax for your use cases. For example 
>>> you could use a wizard style approach to present the user with different 
>>> options. Each step in the wizard navigates to the next Page which reacts 
>>> to values from the previous Page.
>>>
>>> Otherwise I highly recommend you use a JS library such as Prototype, 
>>> JQuery, Mootools etc. They provide good ajax functionality and 
>>> (generally) shield you from the different browser quirks.
>>>
>>> One issue you will most likely face is that Click is stateless by 
>>> default. Statelessness has great benefits for some use cases, but in 
>>> your case might not work very well. In your case you will add fields to 
>>> the form over multiple ajax requests. The Form representation on the 
>>> browser will be very different from the Form representation on the 
>>> server. Thus when you finally submit the Form the fields added with Ajax 
>>> won't have a corresponding field on the server Form, and their values 
>>> won't be bound.
>>>
>>> To remedy this you will probably want to switch to stateful Pages, 
>>> however this is not a simple "flip the switch" setting. Stateless vs 
>>> stateful take different approaches. In stateful mode the Page 
>>> constructor is only called once, but the life cycle events are called 
>>> for every request, while stateless pages are recreated every request.
>>>
>>> So to start I suggest you pick a JS library, create a new stateful Page 
>>> and test against that Page to get things working. Feel free to post your 
>>> code to this list and I'll help where I can.
>>>
>>> One note about ClickClick's AjaxAdapter is you won't have to change much 
>>> in your code to use the AjaxAdapter since it supports both Ajax and 
>>> non-ajax calls.
>>>
>>> So if your code looks like this:
>>>
>>> public class MyPage extends Page {
>>>
>>>   public void onInit() {
>>>     Submit submit = new Submit("submit", this, "onSubmitClick");
>>>   }
>>>
>>>   public boolean onSubmitClick() {
>>>      dostuff();
>>>      return true;
>>>   }
>>> }
>>>
>>> it will change to:
>>>
>>> public class MyPage extends Page {
>>>
>>>   public void onInit() {
>>>     Submit submit = new Submit("submit");
>>>     submit.setActionListener(new AjaxAdapter(){
>>>
>>>       // This method replaces onSubmitClick() above and is called for 
>>> non-Ajax requests
>>>       public boolean onAction(Control control) {
>>>         dostuff();
>>>         return true;
>>>       }
>>>
>>>       // This method is optional and only called for Ajax requests which 
>>> target the submit button
>>>       public Partial onAjaxAction(Control control) {
>>>          ...
>>>       }
>>>
>>>     });
>>>   }
>>> }
>>>
>>>
>>> kind regards
>>>
>>> bob
>>>
>>> dshah wrote:
>>>
>>>> I was looking at the ClickClick examples but it looks like in order to 
>>>> use
>>>> that we'd have to rewrite all our current code base to support the
>>>> AjaxAdapter etc.
>>>
>>>> I was hoping to use our current code base which uses Click 1.5 to 
>>>> simply do
>>>> what we want (which is calling the servlet to get a partial form) - our
>>>> current code base configures the form objects (using Click controls) 
>>>> on the
>>>> server side and then renders it on the browser.. Very minimal javascript
>>>> validation and selection is done through raw javascript, no 
>>>> libraries.  So
>>>> my idea was to continue using the raw libraries to do what we are 
>>>> doing but
>>>> also use some ajax library like JQuery or Prototype (we are not 
>>>> particular
>>>> what we use) to render part of the form.. The partial form is 
>>>> dependendant
>>>> (child selection) based on the user's selection (parent selection) and 
>>>> needs
>>>> to be connect (hooked to the user's selection as the dependant would 
>>>> change
>>>> based on the parent's selection.)
>>>>
>>>> Any tips are appreciated.
>>>> Thanks again!
>>>> Dipita
>>>>
>>>>
>>>> Bob Schellink-2 wrote:
>>>>> Hi Dipita,
>>>>>
>>>>> For Click 1.5 there aren't any Ajax specific components (except for
>>>>> AutoCompleteField) but you can use Ajax with Click. Simply invoke a 
>>>>> target Page and stream back the
>>>>> result you need. You probably want to look at the method 
>>>>> Context#renderTemplate() so you can render
>>>>> different templates depending on the request parameter. Or you can 
>>>>> create specific Pages to handle Ajax
>>>>> requests.
>>>>>
>>>>> Since I'm not sure what problems you are having here are some things
to
>>>>> look at when working with Ajax:
>>>>>
>>>>> - Ajax calls can use different content types eg: HTML, JSON, XML. So
>>>>> depending on what you stream back to the browser you probably want to

>>>>> override the Page#getContentType
>>>>> to specify the correct type:
>>>>>
>>>>>    public String getContentType() {
>>>>>      return "text/json; charset=UTF-8";
>>>>>    }
>>>>>
>>>>> - If you want to render partial results (and not have the default Page
>>>>> template invoked) you have to set the Page path to null. Have a look

>>>>> at the method "export" in the
>>>>> example here[1].
>>>>>
>>>>> The click-examples ship a couple of Ajax examples you can look at,
>>>>> especially the ajax-select demo.
>>>>>
>>>>> There is also a project underway to add Ajax components but it targets
>>>>> Click 2.1.0
>>>>>
>>>>> Btw are you using a JavaScript library?
>>>>>
>>>>> kind regards
>>>>>
>>>>> bob
>>>>>
>>>>> [1]: 
>>>>> http://www.avoka.com/click-examples/source-viewer.htm?filename=WEB-INF/classes/org/apache/click/examples/page/general/ExcelExportPage.java

>>>>>
>>>>>
>>>>> dshah wrote:
>>>>>> We are using Apache Click for our webapp and need to incorporate
a 
>>>>>> way to
>>>>>> dynamically load partial forms based on the user's selection - does
>>>>>> anyone
>>>>>> know how we can do this with Click?  Is there support for Ajax with

>>>>>> Click
>>>>>> 1.5 and if so, can someone PLEASE point me to some examples or
>>>>>> documentation. Any help is appreciated as I am struggling to get
any 
>>>>>> ajax
>>>>>> to
>>>>>> work with click.
>>>>>>
>>>>>> Thank you - someone please read and respond - really appreciate it.
>>>>>> Dipita
>>>>>
>>>
>>
>>
> 






Re: Can provide fileupload example code
2009-12-06T08:49:19Z

> I study click framework.
> But I don't know how to implement fileupload by click framework.
> Any body can provide example code?
The Click Control you are looking for is called "FileField":
http://incubator.apache.org/click/docs/click-api/org/apache/click/control/FileField.html

Take a look at FileUpload example from click-examples (it's using 
FileField).
You can see it live here too:
http://www.avoka.com/click-examples/control/file-upload.htm

Adrian.






Can provide fileupload example code
2009-12-06T06:25:05Z


Hello everybody:
I study click framework.
But I don't know how to implement fileupload by click framework.
Any body can provide example code?
-- 
View this message in context: http://n2.nabble.com/Can-provide-fileupload-example-code-tp4120521p4120521.html
Sent from the click-user mailing list archive at Nabble.com.





Re: Does Apache Click 1.5 support Ajax - please help!
2009-12-06T01:17:17Z


Thanks - in case we cannot upgrade to 2.1.0 and ClickClick, I wanted to
understand how to use AJAX without ClickClick..
I am looking at the ajax-select demo that comes with the 1.5.2 version of
Click and  have a couple of questions:
1. If you had a form and did something similar to what this example is doing
(render part of the form using a different page) via an ajax call, how does
the form on your main page get the fields that were rendered using the
different page or does it?  I mean if I make the page stateful as suggested
and I render part of the page via an ajax call (which will configure another
section of the form), I am unclear how both the rendering bind up to the
same form element?

2.  The ajax-select-include.htm has the following code snippet:





Question is do we need to register an ajax event or could I for example
onCustomerChange event (which is already registered as an attribute of the
Select control) directly call the page that renders that section of the form
e.g. using JQuery's load event or something like that?

Apologies for stupid questions but I am new to Ajax.

Thanks!
Dipita


Bob Schellink-2 wrote:
> 
> There is a ClickClick jQuery demo which seems very similar to your needs.
> Its a form with two 
> selects where the first Select populates the second Select. You'll note
> that the Page is stateful so 
> any changes made to the Form (new fields added etc) will be available when
> the Form is finally 
> submitted.
> 
> http://clickclick-jquery.appspot.com/ajax/select-demo.htm
> 
> This example uses jQuery but you'll notice that the JavaScript Ajax logic
> is encapsulated within the 
> JQSelect control, an Ajax aware Select subclass. (Technically the Ajax
> logic is encapsulated within 
> a JQHelper class and JQSelect merely delegates to JQHelper.)
> 
> Hope this helps.
> 
> kind regards
> 
> bob
> 
> Bob Schellink wrote:
>> Depending on your time constraints, and since your new to Ajax and 
>> Click, you want to reconsider using Ajax for your use cases. For example 
>> you could use a wizard style approach to present the user with different 
>> options. Each step in the wizard navigates to the next Page which reacts 
>> to values from the previous Page.
>> 
>> Otherwise I highly recommend you use a JS library such as Prototype, 
>> JQuery, Mootools etc. They provide good ajax functionality and 
>> (generally) shield you from the different browser quirks.
>> 
>> One issue you will most likely face is that Click is stateless by 
>> default. Statelessness has great benefits for some use cases, but in 
>> your case might not work very well. In your case you will add fields to 
>> the form over multiple ajax requests. The Form representation on the 
>> browser will be very different from the Form representation on the 
>> server. Thus when you finally submit the Form the fields added with Ajax 
>> won't have a corresponding field on the server Form, and their values 
>> won't be bound.
>> 
>> To remedy this you will probably want to switch to stateful Pages, 
>> however this is not a simple "flip the switch" setting. Stateless vs 
>> stateful take different approaches. In stateful mode the Page 
>> constructor is only called once, but the life cycle events are called 
>> for every request, while stateless pages are recreated every request.
>> 
>> So to start I suggest you pick a JS library, create a new stateful Page 
>> and test against that Page to get things working. Feel free to post your 
>> code to this list and I'll help where I can.
>> 
>> One note about ClickClick's AjaxAdapter is you won't have to change much 
>> in your code to use the AjaxAdapter since it supports both Ajax and 
>> non-ajax calls.
>> 
>> So if your code looks like this:
>> 
>> public class MyPage extends Page {
>> 
>>   public void onInit() {
>>     Submit submit = new Submit("submit", this, "onSubmitClick");
>>   }
>> 
>>   public boolean onSubmitClick() {
>>      dostuff();
>>      return true;
>>   }
>> }
>> 
>> it will change to:
>> 
>> public class MyPage extends Page {
>> 
>>   public void onInit() {
>>     Submit submit = new Submit("submit");
>>     submit.setActionListener(new AjaxAdapter(){
>> 
>>       // This method replaces onSubmitClick() above and is called for 
>> non-Ajax requests
>>       public boolean onAction(Control control) {
>>         dostuff();
>>         return true;
>>       }
>> 
>>       // This method is optional and only called for Ajax requests which 
>> target the submit button
>>       public Partial onAjaxAction(Control control) {
>>          ...
>>       }
>> 
>>     });
>>   }
>> }
>> 
>> 
>> kind regards
>> 
>> bob
>> 
>> dshah wrote:
>> 
>>>
>>> I was looking at the ClickClick examples but it looks like in order to 
>>> use
>>> that we'd have to rewrite all our current code base to support the
>>> AjaxAdapter etc.
>> 
>> 
>>>
>>> I was hoping to use our current code base which uses Click 1.5 to 
>>> simply do
>>> what we want (which is calling the servlet to get a partial form) - our
>>> current code base configures the form objects (using Click controls) 
>>> on the
>>> server side and then renders it on the browser.. Very minimal javascript
>>> validation and selection is done through raw javascript, no 
>>> libraries.  So
>>> my idea was to continue using the raw libraries to do what we are 
>>> doing but
>>> also use some ajax library like JQuery or Prototype (we are not 
>>> particular
>>> what we use) to render part of the form.. The partial form is 
>>> dependendant
>>> (child selection) based on the user's selection (parent selection) and 
>>> needs
>>> to be connect (hooked to the user's selection as the dependant would 
>>> change
>>> based on the parent's selection.)
>>>
>>> Any tips are appreciated.
>>> Thanks again!
>>> Dipita
>>>
>>>
>>> Bob Schellink-2 wrote:
>>>> Hi Dipita,
>>>>
>>>> For Click 1.5 there aren't any Ajax specific components (except for
>>>> AutoCompleteField) but you can use Ajax with Click. Simply invoke a 
>>>> target Page and stream back the
>>>> result you need. You probably want to look at the method 
>>>> Context#renderTemplate() so you can render
>>>> different templates depending on the request parameter. Or you can 
>>>> create specific Pages to handle Ajax
>>>> requests.
>>>>
>>>> Since I'm not sure what problems you are having here are some things to
>>>> look at when working with Ajax:
>>>>
>>>> - Ajax calls can use different content types eg: HTML, JSON, XML. So
>>>> depending on what you stream back to the browser you probably want to 
>>>> override the Page#getContentType
>>>> to specify the correct type:
>>>>
>>>>    public String getContentType() {
>>>>      return "text/json; charset=UTF-8";
>>>>    }
>>>>
>>>> - If you want to render partial results (and not have the default Page
>>>> template invoked) you have to set the Page path to null. Have a look 
>>>> at the method "export" in the
>>>> example here[1].
>>>>
>>>> The click-examples ship a couple of Ajax examples you can look at,
>>>> especially the ajax-select demo.
>>>>
>>>> There is also a project underway to add Ajax components but it targets
>>>> Click 2.1.0
>>>>
>>>> Btw are you using a JavaScript library?
>>>>
>>>> kind regards
>>>>
>>>> bob
>>>>
>>>> [1]: 
>>>> http://www.avoka.com/click-examples/source-viewer.htm?filename=WEB-INF/classes/org/apache/click/examples/page/general/ExcelExportPage.java

>>>>
>>>>
>>>> dshah wrote:
>>>>> We are using Apache Click for our webapp and need to incorporate a 
>>>>> way to
>>>>> dynamically load partial forms based on the user's selection - does
>>>>> anyone
>>>>> know how we can do this with Click?  Is there support for Ajax with 
>>>>> Click
>>>>> 1.5 and if so, can someone PLEASE point me to some examples or
>>>>> documentation. Any help is appreciated as I am struggling to get any

>>>>> ajax
>>>>> to
>>>>> work with click.
>>>>>
>>>>> Thank you - someone please read and respond - really appreciate it.
>>>>> Dipita
>>>>
>>>>
>>>
>> 
>> 
> 
> 
> 

-- 
View this message in context: http://n2.nabble.com/Does-Apache-Click-1-5-support-Ajax-please-help-tp4115987p4119863.html
Sent from the click-user mailing list archive at Nabble.com.





Re: Does Apache Click 1.5 support Ajax - please help!
2009-12-05T05:04:09Z

There is a ClickClick jQuery demo which seems very similar to your needs. Its a form with two

selects where the first Select populates the second Select. You'll note that the Page is stateful
so 
any changes made to the Form (new fields added etc) will be available when the Form is finally

submitted.

http://clickclick-jquery.appspot.com/ajax/select-demo.htm

This example uses jQuery but you'll notice that the JavaScript Ajax logic is encapsulated
within the 
JQSelect control, an Ajax aware Select subclass. (Technically the Ajax logic is encapsulated
within 
a JQHelper class and JQSelect merely delegates to JQHelper.)

Hope this helps.

kind regards

bob

Bob Schellink wrote:
> Depending on your time constraints, and since your new to Ajax and 
> Click, you want to reconsider using Ajax for your use cases. For example 
> you could use a wizard style approach to present the user with different 
> options. Each step in the wizard navigates to the next Page which reacts 
> to values from the previous Page.
> 
> Otherwise I highly recommend you use a JS library such as Prototype, 
> JQuery, Mootools etc. They provide good ajax functionality and 
> (generally) shield you from the different browser quirks.
> 
> One issue you will most likely face is that Click is stateless by 
> default. Statelessness has great benefits for some use cases, but in 
> your case might not work very well. In your case you will add fields to 
> the form over multiple ajax requests. The Form representation on the 
> browser will be very different from the Form representation on the 
> server. Thus when you finally submit the Form the fields added with Ajax 
> won't have a corresponding field on the server Form, and their values 
> won't be bound.
> 
> To remedy this you will probably want to switch to stateful Pages, 
> however this is not a simple "flip the switch" setting. Stateless vs 
> stateful take different approaches. In stateful mode the Page 
> constructor is only called once, but the life cycle events are called 
> for every request, while stateless pages are recreated every request.
> 
> So to start I suggest you pick a JS library, create a new stateful Page 
> and test against that Page to get things working. Feel free to post your 
> code to this list and I'll help where I can.
> 
> One note about ClickClick's AjaxAdapter is you won't have to change much 
> in your code to use the AjaxAdapter since it supports both Ajax and 
> non-ajax calls.
> 
> So if your code looks like this:
> 
> public class MyPage extends Page {
> 
>   public void onInit() {
>     Submit submit = new Submit("submit", this, "onSubmitClick");
>   }
> 
>   public boolean onSubmitClick() {
>      dostuff();
>      return true;
>   }
> }
> 
> it will change to:
> 
> public class MyPage extends Page {
> 
>   public void onInit() {
>     Submit submit = new Submit("submit");
>     submit.setActionListener(new AjaxAdapter(){
> 
>       // This method replaces onSubmitClick() above and is called for 
> non-Ajax requests
>       public boolean onAction(Control control) {
>         dostuff();
>         return true;
>       }
> 
>       // This method is optional and only called for Ajax requests which 
> target the submit button
>       public Partial onAjaxAction(Control control) {
>          ...
>       }
> 
>     });
>   }
> }
> 
> 
> kind regards
> 
> bob
> 
> dshah wrote:
> 
>>
>> I was looking at the ClickClick examples but it looks like in order to 
>> use
>> that we'd have to rewrite all our current code base to support the
>> AjaxAdapter etc.
> 
> 
>>
>> I was hoping to use our current code base which uses Click 1.5 to 
>> simply do
>> what we want (which is calling the servlet to get a partial form) - our
>> current code base configures the form objects (using Click controls) 
>> on the
>> server side and then renders it on the browser.. Very minimal javascript
>> validation and selection is done through raw javascript, no 
>> libraries.  So
>> my idea was to continue using the raw libraries to do what we are 
>> doing but
>> also use some ajax library like JQuery or Prototype (we are not 
>> particular
>> what we use) to render part of the form.. The partial form is 
>> dependendant
>> (child selection) based on the user's selection (parent selection) and 
>> needs
>> to be connect (hooked to the user's selection as the dependant would 
>> change
>> based on the parent's selection.)
>>
>> Any tips are appreciated.
>> Thanks again!
>> Dipita
>>
>>
>> Bob Schellink-2 wrote:
>>> Hi Dipita,
>>>
>>> For Click 1.5 there aren't any Ajax specific components (except for
>>> AutoCompleteField) but you can use Ajax with Click. Simply invoke a 
>>> target Page and stream back the
>>> result you need. You probably want to look at the method 
>>> Context#renderTemplate() so you can render
>>> different templates depending on the request parameter. Or you can 
>>> create specific Pages to handle Ajax
>>> requests.
>>>
>>> Since I'm not sure what problems you are having here are some things to
>>> look at when working with Ajax:
>>>
>>> - Ajax calls can use different content types eg: HTML, JSON, XML. So
>>> depending on what you stream back to the browser you probably want to 
>>> override the Page#getContentType
>>> to specify the correct type:
>>>
>>>    public String getContentType() {
>>>      return "text/json; charset=UTF-8";
>>>    }
>>>
>>> - If you want to render partial results (and not have the default Page
>>> template invoked) you have to set the Page path to null. Have a look 
>>> at the method "export" in the
>>> example here[1].
>>>
>>> The click-examples ship a couple of Ajax examples you can look at,
>>> especially the ajax-select demo.
>>>
>>> There is also a project underway to add Ajax components but it targets
>>> Click 2.1.0
>>>
>>> Btw are you using a JavaScript library?
>>>
>>> kind regards
>>>
>>> bob
>>>
>>> [1]: 
>>> http://www.avoka.com/click-examples/source-viewer.htm?filename=WEB-INF/classes/org/apache/click/examples/page/general/ExcelExportPage.java

>>>
>>>
>>> dshah wrote:
>>>> We are using Apache Click for our webapp and need to incorporate a 
>>>> way to
>>>> dynamically load partial forms based on the user's selection - does
>>>> anyone
>>>> know how we can do this with Click?  Is there support for Ajax with 
>>>> Click
>>>> 1.5 and if so, can someone PLEASE point me to some examples or
>>>> documentation. Any help is appreciated as I am struggling to get any 
>>>> ajax
>>>> to
>>>> work with click.
>>>>
>>>> Thank you - someone please read and respond - really appreciate it.
>>>> Dipita
>>>
>>>
>>
> 
> 






Re: Does Apache Click 1.5 support Ajax - please help!
2009-12-05T04:23:43Z

Depending on your time constraints, and since your new to Ajax and Click, you want to reconsider

using Ajax for your use cases. For example you could use a wizard style approach to present
the user 
with different options. Each step in the wizard navigates to the next Page which reacts to
values 
from the previous Page.

Otherwise I highly recommend you use a JS library such as Prototype, JQuery, Mootools etc.
They 
provide good ajax functionality and (generally) shield you from the different browser quirks.

One issue you will most likely face is that Click is stateless by default. Statelessness has
great 
benefits for some use cases, but in your case might not work very well. In your case you will
add 
fields to the form over multiple ajax requests. The Form representation on the browser will
be very 
different from the Form representation on the server. Thus when you finally submit the Form
the 
fields added with Ajax won't have a corresponding field on the server Form, and their values
won't 
be bound.

To remedy this you will probably want to switch to stateful Pages, however this is not a simple

"flip the switch" setting. Stateless vs stateful take different approaches. In stateful mode
the 
Page constructor is only called once, but the life cycle events are called for every request,
while 
stateless pages are recreated every request.

So to start I suggest you pick a JS library, create a new stateful Page and test against that
Page 
to get things working. Feel free to post your code to this list and I'll help where I can.

One note about ClickClick's AjaxAdapter is you won't have to change much in your code to use
the 
AjaxAdapter since it supports both Ajax and non-ajax calls.

So if your code looks like this:

public class MyPage extends Page {

   public void onInit() {
     Submit submit = new Submit("submit", this, "onSubmitClick");
   }

   public boolean onSubmitClick() {
      dostuff();
      return true;
   }
}

it will change to:

public class MyPage extends Page {

   public void onInit() {
     Submit submit = new Submit("submit");
     submit.setActionListener(new AjaxAdapter(){

       // This method replaces onSubmitClick() above and is called for non-Ajax requests
       public boolean onAction(Control control) {
         dostuff();
         return true;
       }

       // This method is optional and only called for Ajax requests which target the submit
button
       public Partial onAjaxAction(Control control) {
          ...
       }

     });
   }
}


kind regards

bob

dshah wrote:

> 
> I was looking at the ClickClick examples but it looks like in order to use
> that we'd have to rewrite all our current code base to support the
> AjaxAdapter etc.


> 
> I was hoping to use our current code base which uses Click 1.5 to simply do
> what we want (which is calling the servlet to get a partial form) - our
> current code base configures the form objects (using Click controls) on the
> server side and then renders it on the browser.. Very minimal javascript
> validation and selection is done through raw javascript, no libraries.  So
> my idea was to continue using the raw libraries to do what we are doing but
> also use some ajax library like JQuery or Prototype (we are not particular
> what we use) to render part of the form.. The partial form is dependendant
> (child selection) based on the user's selection (parent selection) and needs
> to be connect (hooked to the user's selection as the dependant would change
> based on the parent's selection.)
> 
> Any tips are appreciated.
> Thanks again!
> Dipita
> 
> 
> Bob Schellink-2 wrote:
>> Hi Dipita,
>>
>> For Click 1.5 there aren't any Ajax specific components (except for
>> AutoCompleteField) but you can 
>> use Ajax with Click. Simply invoke a target Page and stream back the
>> result you need. You probably 
>> want to look at the method Context#renderTemplate() so you can render
>> different templates depending 
>> on the request parameter. Or you can create specific Pages to handle Ajax
>> requests.
>>
>> Since I'm not sure what problems you are having here are some things to
>> look at when working with Ajax:
>>
>> - Ajax calls can use different content types eg: HTML, JSON, XML. So
>> depending on what you stream 
>> back to the browser you probably want to override the Page#getContentType
>> to specify the correct type:
>>
>>    public String getContentType() {
>>      return "text/json; charset=UTF-8";
>>    }
>>
>> - If you want to render partial results (and not have the default Page
>> template invoked) you have to 
>> set the Page path to null. Have a look at the method "export" in the
>> example here[1].
>>
>> The click-examples ship a couple of Ajax examples you can look at,
>> especially the ajax-select demo.
>>
>> There is also a project underway to add Ajax components but it targets
>> Click 2.1.0
>>
>> Btw are you using a JavaScript library?
>>
>> kind regards
>>
>> bob
>>
>> [1]: 
>> http://www.avoka.com/click-examples/source-viewer.htm?filename=WEB-INF/classes/org/apache/click/examples/page/general/ExcelExportPage.java
>>
>> dshah wrote:
>>> We are using Apache Click for our webapp and need to incorporate a way to
>>> dynamically load partial forms based on the user's selection - does
>>> anyone
>>> know how we can do this with Click?  Is there support for Ajax with Click
>>> 1.5 and if so, can someone PLEASE point me to some examples or
>>> documentation. Any help is appreciated as I am struggling to get any ajax
>>> to
>>> work with click.
>>>
>>> Thank you - someone please read and respond - really appreciate it.
>>> Dipita
>>
>>
> 






Re: Does Apache Click 1.5 support Ajax - please help!
2009-12-05T02:36:58Z


THANK YOU Bob for  your response.  We are currently not using any javascript
library and have the need to do so to load partial parts of a form.

Basically, we need to send a call to the server to load a section of the
form depending on the user's selection as loading the whole form pre-user
selection makes the form too huge and useless.  We were thinking of using
some javascript libraries (JQuery or something else) to load this partial
form but I am having a hard time.. I am fairly new to both AJAX and Click
Servlet.  

I was looking at the ClickClick examples but it looks like in order to use
that we'd have to rewrite all our current code base to support the
AjaxAdapter etc.

I was hoping to use our current code base which uses Click 1.5 to simply do
what we want (which is calling the servlet to get a partial form) - our
current code base configures the form objects (using Click controls) on the
server side and then renders it on the browser.. Very minimal javascript
validation and selection is done through raw javascript, no libraries.  So
my idea was to continue using the raw libraries to do what we are doing but
also use some ajax library like JQuery or Prototype (we are not particular
what we use) to render part of the form.. The partial form is dependendant
(child selection) based on the user's selection (parent selection) and needs
to be connect (hooked to the user's selection as the dependant would change
based on the parent's selection.)

Any tips are appreciated.
Thanks again!
Dipita


Bob Schellink-2 wrote:
> 
> Hi Dipita,
> 
> For Click 1.5 there aren't any Ajax specific components (except for
> AutoCompleteField) but you can 
> use Ajax with Click. Simply invoke a target Page and stream back the
> result you need. You probably 
> want to look at the method Context#renderTemplate() so you can render
> different templates depending 
> on the request parameter. Or you can create specific Pages to handle Ajax
> requests.
> 
> Since I'm not sure what problems you are having here are some things to
> look at when working with Ajax:
> 
> - Ajax calls can use different content types eg: HTML, JSON, XML. So
> depending on what you stream 
> back to the browser you probably want to override the Page#getContentType
> to specify the correct type:
> 
>    public String getContentType() {
>      return "text/json; charset=UTF-8";
>    }
> 
> - If you want to render partial results (and not have the default Page
> template invoked) you have to 
> set the Page path to null. Have a look at the method "export" in the
> example here[1].
> 
> The click-examples ship a couple of Ajax examples you can look at,
> especially the ajax-select demo.
> 
> There is also a project underway to add Ajax components but it targets
> Click 2.1.0
> 
> Btw are you using a JavaScript library?
> 
> kind regards
> 
> bob
> 
> [1]: 
> http://www.avoka.com/click-examples/source-viewer.htm?filename=WEB-INF/classes/org/apache/click/examples/page/general/ExcelExportPage.java
> 
> dshah wrote:
>> We are using Apache Click for our webapp and need to incorporate a way to
>> dynamically load partial forms based on the user's selection - does
>> anyone
>> know how we can do this with Click?  Is there support for Ajax with Click
>> 1.5 and if so, can someone PLEASE point me to some examples or
>> documentation. Any help is appreciated as I am struggling to get any ajax
>> to
>> work with click.
>> 
>> Thank you - someone please read and respond - really appreciate it.
>> Dipita
> 
> 
> 

-- 
View this message in context: http://n2.nabble.com/Does-Apache-Click-1-5-support-Ajax-please-help-tp4115987p4116230.html
Sent from the click-user mailing list archive at Nabble.com.





Re: Does Apache Click 1.5 support Ajax - please help!
2009-12-05T02:23:49Z

Hi Dipita,

For Click 1.5 there aren't any Ajax specific components (except for AutoCompleteField) but
you can 
use Ajax with Click. Simply invoke a target Page and stream back the result you need. You
probably 
want to look at the method Context#renderTemplate() so you can render different templates
depending 
on the request parameter. Or you can create specific Pages to handle Ajax requests.

Since I'm not sure what problems you are having here are some things to look at when working
with Ajax:

- Ajax calls can use different content types eg: HTML, JSON, XML. So depending on what you
stream 
back to the browser you probably want to override the Page#getContentType to specify the correct
type:

   public String getContentType() {
     return "text/json; charset=UTF-8";
   }

- If you want to render partial results (and not have the default Page template invoked) you
have to 
set the Page path to null. Have a look at the method "export" in the example here[1].

The click-examples ship a couple of Ajax examples you can look at, especially the ajax-select
demo.

There is also a project underway to add Ajax components but it targets Click 2.1.0

Btw are you using a JavaScript library?

kind regards

bob

[1]: 
http://www.avoka.com/click-examples/source-viewer.htm?filename=WEB-INF/classes/org/apache/click/examples/page/general/ExcelExportPage.java

dshah wrote:
> We are using Apache Click for our webapp and need to incorporate a way to
> dynamically load partial forms based on the user's selection - does anyone
> know how we can do this with Click?  Is there support for Ajax with Click
> 1.5 and if so, can someone PLEASE point me to some examples or
> documentation. Any help is appreciated as I am struggling to get any ajax to
> work with click.
> 
> Thank you - someone please read and respond - really appreciate it.
> Dipita






Does Apache Click 1.5 support Ajax - please help!
2009-12-05T01:23:24Z


We are using Apache Click for our webapp and need to incorporate a way to
dynamically load partial forms based on the user's selection - does anyone
know how we can do this with Click?  Is there support for Ajax with Click
1.5 and if so, can someone PLEASE point me to some examples or
documentation. Any help is appreciated as I am struggling to get any ajax to
work with click.

Thank you - someone please read and respond - really appreciate it.
Dipita
-- 
View this message in context: http://n2.nabble.com/Does-Apache-Click-1-5-support-Ajax-please-help-tp4115987p4115987.html
Sent from the click-user mailing list archive at Nabble.com.





Re: Click Ajax Support
2009-12-04T20:56:10Z


Hi SVen,
Can you please point to examples/documentation of how to use partial page
updates and AJAX form submits with click?

Thank you!
Dipita


sven.pfeiffer wrote:
> 
> Hi Hantsy,
> 
> there is an AJAX implementation in clickclick.
> Take a look at http://code.google.com/p/clickclick/
> 
> Partial Page updates and AJAX form submits are supported.
> 
> hth
> SVen
> 
> Hantsy Bai wrote:
>> I want some ajax features in Click, it there some feature like this?
>> 1. Partial Page update (may be an Ajax Panel), or  render a page 
>> fragment in a panel dynamically.
>> eg. There are three sections in a Page, header, content, footer, I 
>> want to update content area by click menu in header area and It no 
>> need to update the whole page.
>>
>> 2. Partial form submitting (for instant validation and others behavior ).
>> eg. Select a item form select combox, auto fill the second select 
>> combox options according the item selected in the first combox.
>>
>> The click extras is shipped with prototype(it think adding 
>> scriptaculous support is welcome), I think many feature can be added, 
>> such as inplace editor, drag and draw, ajax tree(lazy loading the sub 
>> nodes) , other some effects provide by scriptaculous(without 
>> programming).
>>
>> Is there some example or some control component to implement these?
>>
>> Kind regards.
>>
> 
> 
> 

-- 
View this message in context: http://n2.nabble.com/Click-Ajax-Support-tp3977325p4114879.html
Sent from the click-user mailing list archive at Nabble.com.





Re: [clickclick] ajax form popup
2009-12-02T22:39:31Z

You're right the JQForm won't be processed unless its added to the Page or at least somewhere
in the 
Page controls hierarchy. You can add JQForm or the Dialog to the Page from CategorySelect
onInit 
method using the controls #getPage method.

Sven Pfeiffer wrote:
> Manipulating the dom to add the form was my first idea, too.
> 
> I was thinking about builing the JQForm in my CategorySelect, an using 
> its render-Method to get the HTML-text for it, put this in a (hidden) 
> div and add it to the DOM using javascript.
> But then I was wondering if the AjaxAdapter I added to the submit-button 
> inside the JQForm will be able to process the request even though the 
> JQForm is never added to the click-Page 
> .
> 
> Bob Schellink wrote:
>> Hi Sven,
>>
>> This is interesting. If you don't want to add the dialog as a separate 
>> variable to the page template, and render it as part of the select, 
>> you'll probably have to use JQuery to manipulate[1] the markup, and 
>> append the dialog to the body. You can do this from the CategorySelect 
>> getHeadElements method:
>>
>>   public List getHeadElements() {
>>     if (headElements == null) {
>>       headElements = super.getHeadElements();
>>
>>       String js =   "$(document).ready(function(){"
>>                   + "  $('" + dialogId + "').appendTo('body');
>>                   + "});";
>>       headElements.add(new JsScript(js));
>>     }
>>     return headElements;
>>   }
>>
>> Another option could be to pass in a container to the constructor of 
>> the CategorySelect, and have the CategorySelect add its dialog to that 
>> container, which will be rendered in the Page template. But this seems 
>> pretty much what you want to avoid.
>>
>> kind regards
>>
>> bob
>>
>> [1]: http://docs.jquery.com/Manipulation
>>
>>
>> Sven Pfeiffer wrote:
>>> Hi Bob,
>>>
>>> jqModal did the trick nicely.
>>>
>>> Now i have the following issue:
>>>
>>> I built a custom select called CategorySelect, whichs option are 
>>> based on a MySQL-table (using hibernate).
>>> The select has an add-Button that enabled the User to add categories 
>>> to the database (and to the select).
>>>
>>> Now I would like to add the CategorySelect to various Forms 
>>> (including TabbedForms and FormTables).
>>>
>>> How can the CategorySelect add its JQAjax-Form (which is inside the 
>>> JQModal-Popup) to the page.
>>> I could render it using the CategorySelects render-Method, but then 
>>> the ajax-form would be nested within the "normal" form.
>>>
>>> Is there another way to add the ajax-form to the page without having 
>>> to add it to the template?
>>>
>>> Thanks for your help
>>> SVen
>>>
>>> Bob Schellink wrote:
>>>> Hi Sven,
>>>>
>>>> If you're using JQuery you could take a look at JQModal:
>>>>
>>>> http://dev.iceburg.net/jquery/jqModal/
>>>>
>>>> Not sure how you want things to work, but if you want to have 
>>>> reusable component, you could look at creating a custom dialog 
>>>> container which includes the JQModal javascript+css. The Dialog 
>>>> should add a JavaScript function that can be called to show the dialog.
>>>>
>>>> So you end up with something that can be used as follows:
>>>>
>>>> public MyPage extends PAge {
>>>>
>>>>   public void onInit() {
>>>>     MyDialog dialog = new MyDialog("dialog");
>>>>     Form form = buildForm();
>>>>     dialog.add(form);
>>>>     addControl(dialog);
>>>>
>>>>     Button showForm = new Button("showForm");
>>>>
>>>>     showForm.setAttribute("onclick", "showDialog('dialog')");
>>>>     // showDialog is the JavaScript method that MyDialog adds to the 
>>>> Page
>>>>
>>>>     addControl(showForm);
>>>>   }
>>>>
>>>> If its more of a one time thing your after, you can just add the 
>>>> necessary javascript/css resources and functions to your page template.
>>>>
>>>> kind regards
>>>>
>>>> bob
>>>>
>>>> sven.pfeiffer@madsep.de wrote:
>>>>> Hi List,
>>>>>
>>>>> I am trying to build dynamic select boxes for my application.
>>>>>
>>>>> I have extended the Select element and added two buttons to add and 
>>>>> edit
>>>>> entries, in the moment the buttons open a new window showing a 
>>>>> click page to
>>>>> add/edit an entry.
>>>>> Now I'd like to replace the browser-popup windows by some ajax 
>>>>> dialogs.
>>>>>
>>>>> I already implemented an ajax form for add/edit but I'm having some 
>>>>> troubles
>>>>> getting the form in a javascript popup/dialog.
>>>>>
>>>>> Has anyone tried this yet and could give me a hint?
>>>>>
>>>>> Thanks in advance
>>>>> SVen
>>>>>
>>>>>
>>>>
>>>>
>>>
>>>
>>
>>
> 
> 






Re: [clickclick] ajax form popup
2009-12-02T21:55:40Z

Manipulating the dom to add the form was my first idea, too.

I was thinking about builing the JQForm in my CategorySelect, an using 
its render-Method to get the HTML-text for it, put this in a (hidden) 
div and add it to the DOM using javascript.
But then I was wondering if the AjaxAdapter I added to the submit-button 
inside the JQForm will be able to process the request even though the 
JQForm is never added to the click-Page 
.

Bob Schellink wrote:
> Hi Sven,
>
> This is interesting. If you don't want to add the dialog as a separate 
> variable to the page template, and render it as part of the select, 
> you'll probably have to use JQuery to manipulate[1] the markup, and 
> append the dialog to the body. You can do this from the CategorySelect 
> getHeadElements method:
>
>   public List getHeadElements() {
>     if (headElements == null) {
>       headElements = super.getHeadElements();
>
>       String js =   "$(document).ready(function(){"
>                   + "  $('" + dialogId + "').appendTo('body');
>                   + "});";
>       headElements.add(new JsScript(js));
>     }
>     return headElements;
>   }
>
> Another option could be to pass in a container to the constructor of 
> the CategorySelect, and have the CategorySelect add its dialog to that 
> container, which will be rendered in the Page template. But this seems 
> pretty much what you want to avoid.
>
> kind regards
>
> bob
>
> [1]: http://docs.jquery.com/Manipulation
>
>
> Sven Pfeiffer wrote:
>> Hi Bob,
>>
>> jqModal did the trick nicely.
>>
>> Now i have the following issue:
>>
>> I built a custom select called CategorySelect, whichs option are 
>> based on a MySQL-table (using hibernate).
>> The select has an add-Button that enabled the User to add categories 
>> to the database (and to the select).
>>
>> Now I would like to add the CategorySelect to various Forms 
>> (including TabbedForms and FormTables).
>>
>> How can the CategorySelect add its JQAjax-Form (which is inside the 
>> JQModal-Popup) to the page.
>> I could render it using the CategorySelects render-Method, but then 
>> the ajax-form would be nested within the "normal" form.
>>
>> Is there another way to add the ajax-form to the page without having 
>> to add it to the template?
>>
>> Thanks for your help
>> SVen
>>
>> Bob Schellink wrote:
>>> Hi Sven,
>>>
>>> If you're using JQuery you could take a look at JQModal:
>>>
>>> http://dev.iceburg.net/jquery/jqModal/
>>>
>>> Not sure how you want things to work, but if you want to have 
>>> reusable component, you could look at creating a custom dialog 
>>> container which includes the JQModal javascript+css. The Dialog 
>>> should add a JavaScript function that can be called to show the dialog.
>>>
>>> So you end up with something that can be used as follows:
>>>
>>> public MyPage extends PAge {
>>>
>>>   public void onInit() {
>>>     MyDialog dialog = new MyDialog("dialog");
>>>     Form form = buildForm();
>>>     dialog.add(form);
>>>     addControl(dialog);
>>>
>>>     Button showForm = new Button("showForm");
>>>
>>>     showForm.setAttribute("onclick", "showDialog('dialog')");
>>>     // showDialog is the JavaScript method that MyDialog adds to the 
>>> Page
>>>
>>>     addControl(showForm);
>>>   }
>>>
>>> If its more of a one time thing your after, you can just add the 
>>> necessary javascript/css resources and functions to your page template.
>>>
>>> kind regards
>>>
>>> bob
>>>
>>> sven.pfeiffer@madsep.de wrote:
>>>> Hi List,
>>>>
>>>> I am trying to build dynamic select boxes for my application.
>>>>
>>>> I have extended the Select element and added two buttons to add and 
>>>> edit
>>>> entries, in the moment the buttons open a new window showing a 
>>>> click page to
>>>> add/edit an entry.
>>>> Now I'd like to replace the browser-popup windows by some ajax 
>>>> dialogs.
>>>>
>>>> I already implemented an ajax form for add/edit but I'm having some 
>>>> troubles
>>>> getting the form in a javascript popup/dialog.
>>>>
>>>> Has anyone tried this yet and could give me a hint?
>>>>
>>>> Thanks in advance
>>>> SVen
>>>>
>>>>
>>>
>>>
>>
>>
>
>






Re: [clickclick] ajax form popup
2009-12-02T21:42:36Z

Hi Sven,

This is interesting. If you don't want to add the dialog as a separate variable to the page

template, and render it as part of the select, you'll probably have to use JQuery to manipulate[1]

the markup, and append the dialog to the body. You can do this from the CategorySelect 
getHeadElements method:

   public List getHeadElements() {
     if (headElements == null) {
       headElements = super.getHeadElements();

       String js =   "$(document).ready(function(){"
                   + "  $('" + dialogId + "').appendTo('body');
                   + "});";
       headElements.add(new JsScript(js));
     }
     return headElements;
   }

Another option could be to pass in a container to the constructor of the CategorySelect, and
have 
the CategorySelect add its dialog to that container, which will be rendered in the Page template.

But this seems pretty much what you want to avoid.

kind regards

bob

[1]: http://docs.jquery.com/Manipulation


Sven Pfeiffer wrote:
> Hi Bob,
> 
> jqModal did the trick nicely.
> 
> Now i have the following issue:
> 
> I built a custom select called CategorySelect, whichs option are based 
> on a MySQL-table (using hibernate).
> The select has an add-Button that enabled the User to add categories to 
> the database (and to the select).
> 
> Now I would like to add the CategorySelect to various Forms (including 
> TabbedForms and FormTables).
> 
> How can the CategorySelect add its JQAjax-Form (which is inside the 
> JQModal-Popup) to the page.
> I could render it using the CategorySelects render-Method, but then the 
> ajax-form would be nested within the "normal" form.
> 
> Is there another way to add the ajax-form to the page without having to 
> add it to the template?
> 
> Thanks for your help
> SVen
> 
> Bob Schellink wrote:
>> Hi Sven,
>>
>> If you're using JQuery you could take a look at JQModal:
>>
>> http://dev.iceburg.net/jquery/jqModal/
>>
>> Not sure how you want things to work, but if you want to have reusable 
>> component, you could look at creating a custom dialog container which 
>> includes the JQModal javascript+css. The Dialog should add a 
>> JavaScript function that can be called to show the dialog.
>>
>> So you end up with something that can be used as follows:
>>
>> public MyPage extends PAge {
>>
>>   public void onInit() {
>>     MyDialog dialog = new MyDialog("dialog");
>>     Form form = buildForm();
>>     dialog.add(form);
>>     addControl(dialog);
>>
>>     Button showForm = new Button("showForm");
>>
>>     showForm.setAttribute("onclick", "showDialog('dialog')");
>>     // showDialog is the JavaScript method that MyDialog adds to the Page
>>
>>     addControl(showForm);
>>   }
>>
>> If its more of a one time thing your after, you can just add the 
>> necessary javascript/css resources and functions to your page template.
>>
>> kind regards
>>
>> bob
>>
>> sven.pfeiffer@madsep.de wrote:
>>> Hi List,
>>>
>>> I am trying to build dynamic select boxes for my application.
>>>
>>> I have extended the Select element and added two buttons to add and edit
>>> entries, in the moment the buttons open a new window showing a click 
>>> page to
>>> add/edit an entry.
>>> Now I'd like to replace the browser-popup windows by some ajax dialogs.
>>>
>>> I already implemented an ajax form for add/edit but I'm having some 
>>> troubles
>>> getting the form in a javascript popup/dialog.
>>>
>>> Has anyone tried this yet and could give me a hint?
>>>
>>> Thanks in advance
>>> SVen
>>>
>>>
>>
>>
> 
> 






Re: [clickclick] ajax form popup
2009-12-02T21:07:05Z

Hi Bob,

jqModal did the trick nicely.

Now i have the following issue:

I built a custom select called CategorySelect, whichs option are based 
on a MySQL-table (using hibernate).
The select has an add-Button that enabled the User to add categories to 
the database (and to the select).

Now I would like to add the CategorySelect to various Forms (including 
TabbedForms and FormTables).

How can the CategorySelect add its JQAjax-Form (which is inside the 
JQModal-Popup) to the page.
I could render it using the CategorySelects render-Method, but then the 
ajax-form would be nested within the "normal" form.

Is there another way to add the ajax-form to the page without having to 
add it to the template?

Thanks for your help
SVen

Bob Schellink wrote:
> Hi Sven,
>
> If you're using JQuery you could take a look at JQModal:
>
> http://dev.iceburg.net/jquery/jqModal/
>
> Not sure how you want things to work, but if you want to have reusable 
> component, you could look at creating a custom dialog container which 
> includes the JQModal javascript+css. The Dialog should add a 
> JavaScript function that can be called to show the dialog.
>
> So you end up with something that can be used as follows:
>
> public MyPage extends PAge {
>
>   public void onInit() {
>     MyDialog dialog = new MyDialog("dialog");
>     Form form = buildForm();
>     dialog.add(form);
>     addControl(dialog);
>
>     Button showForm = new Button("showForm");
>
>     showForm.setAttribute("onclick", "showDialog('dialog')");
>     // showDialog is the JavaScript method that MyDialog adds to the Page
>
>     addControl(showForm);
>   }
>
> If its more of a one time thing your after, you can just add the 
> necessary javascript/css resources and functions to your page template.
>
> kind regards
>
> bob
>
> sven.pfeiffer@madsep.de wrote:
>> Hi List,
>>
>> I am trying to build dynamic select boxes for my application.
>>
>> I have extended the Select element and added two buttons to add and edit
>> entries, in the moment the buttons open a new window showing a click 
>> page to
>> add/edit an entry.
>> Now I'd like to replace the browser-popup windows by some ajax dialogs.
>>
>> I already implemented an ajax form for add/edit but I'm having some 
>> troubles
>> getting the form in a javascript popup/dialog.
>>
>> Has anyone tried this yet and could give me a hint?
>>
>> Thanks in advance
>> SVen
>>
>>
>
>






Re: About click localization and encoding ???
2009-11-29T01:56:37Z

On 11/29/2009 08:45 AM, Bob Schellink wrote:
> I just checked the FAQ and there is a topic on the charset and i18n:
>
> http://incubator.apache.org/click/docs/faq.html#charset
> http://incubator.apache.org/click/docs/faq.html#localization
>
> Setting charset in click.xml influences not only the request, but also
> the Velocity runtime. So its best to set charset attribute in
> click.xml and have all components pick up the same encoding.
>
> I also think browsers will use the Content-Type response header in
> favor of the Content-Type meta-tag, although it doesn't hurt to set both.
>
> kind regards
>
> bob
>
> Hantsy Bai wrote:
>> On 11/28/2009 09:48 PM, Bob Schellink wrote:
>>> Hi Hantsy,
>>>
>>> Hantsy Bai wrote:
>>>
>>>> I know this, I use NetBeans to develop my project, it convert
>>>> properties
>>>> file automatically.
>>>> My project use UTF 8 encoding..
>>>> If I do not set "charset" in click.xml, It will cause the display
>>>> problem. As I set charset="UTF-8", It works.
>>>> I think it should be determined by the Client browser firstly(high
>>>> priority).
>>>> It is unreasonable I set the default encoding , but it is not applied.
>>>
>>> I don't follow. It sounds as if you expect the server to set the
>>> encoding based on a browser request header? Since content is hosted on
>>> the server I would think its the servers responsibility to set the
>>> encoding, the client wouldn't know what the encoding will be, right?
>>>
>>> Furthermore HTTP 1.1 standard specifies that the default encoding is
>>> "ISO-8859-1" which Click complies with. If no charset is set, Click
>>> returns "ISO-8859-1". See [1].
>>>
>>> Let us know what you find unreasonable about this approach and we
>>> might be able to fix it. But from what I can see Click follows the
>>> standard regarding encoding.
>>>
>>> Its still easy to change the default charset using click.xml as you've
>>> already done. Your border-template.htm should also specify the
>>> content-type meta tag:
>>>
>>>   
>>
>> Yeah, I set this meta base border template, but if I do not set
>> "charset" in click.xml, It do noes display Chinese (display in template
>> page via getMessage() in class  from properties file ) correctly.
>>  
>>
>>> kind regards
>>>
>>> bob
>>>
>>> [1]:
>>> http://incubator.apache.org/click/docs/click-api/org/apache/click/Context.html#getCharset()
>>>
>>>
>>>
>>
>>
>
>
Ok,
Thank you for your patience.


-- 
Hantsy Bai 
Guangzhou, China
http://hantsy.blogspot.com






Re: About click localization and encoding ???
2009-11-29T00:45:23Z

I just checked the FAQ and there is a topic on the charset and i18n:

http://incubator.apache.org/click/docs/faq.html#charset
http://incubator.apache.org/click/docs/faq.html#localization

Setting charset in click.xml influences not only the request, but also the Velocity runtime.
So its 
best to set charset attribute in click.xml and have all components pick up the same encoding.

I also think browsers will use the Content-Type response header in favor of the Content-Type

meta-tag, although it doesn't hurt to set both.

kind regards

bob

Hantsy Bai wrote:
> On 11/28/2009 09:48 PM, Bob Schellink wrote:
>> Hi Hantsy,
>>
>> Hantsy Bai wrote:
>>
>>> I know this, I use NetBeans to develop my project, it convert properties
>>> file automatically.
>>> My project use UTF 8 encoding..
>>> If I do not set "charset" in click.xml, It will cause the display
>>> problem. As I set charset="UTF-8", It works.
>>> I think it should be determined by the Client browser firstly(high
>>> priority).
>>> It is unreasonable I set the default encoding , but it is not applied.
>>
>> I don't follow. It sounds as if you expect the server to set the
>> encoding based on a browser request header? Since content is hosted on
>> the server I would think its the servers responsibility to set the
>> encoding, the client wouldn't know what the encoding will be, right?
>>
>> Furthermore HTTP 1.1 standard specifies that the default encoding is
>> "ISO-8859-1" which Click complies with. If no charset is set, Click
>> returns "ISO-8859-1". See [1].
>>
>> Let us know what you find unreasonable about this approach and we
>> might be able to fix it. But from what I can see Click follows the
>> standard regarding encoding.
>>
>> Its still easy to change the default charset using click.xml as you've
>> already done. Your border-template.htm should also specify the
>> content-type meta tag:
>>
>>   
> 
> Yeah, I set this meta base border template, but if I do not set
> "charset" in click.xml, It do noes display Chinese (display in template
> page via getMessage() in class  from properties file ) correctly.
>  
> 
>> kind regards
>>
>> bob
>>
>> [1]:
>> http://incubator.apache.org/click/docs/click-api/org/apache/click/Context.html#getCharset()
>>
>>
> 
> 






Re: About click localization and encoding ???
2009-11-28T15:15:07Z

On 11/28/2009 09:48 PM, Bob Schellink wrote:
> Hi Hantsy,
>
> Hantsy Bai wrote:
>
>> I know this, I use NetBeans to develop my project, it convert properties
>> file automatically.
>> My project use UTF 8 encoding..
>> If I do not set "charset" in click.xml, It will cause the display
>> problem. As I set charset="UTF-8", It works.
>> I think it should be determined by the Client browser firstly(high
>> priority).
>> It is unreasonable I set the default encoding , but it is not applied.
>
>
> I don't follow. It sounds as if you expect the server to set the
> encoding based on a browser request header? Since content is hosted on
> the server I would think its the servers responsibility to set the
> encoding, the client wouldn't know what the encoding will be, right?
>
> Furthermore HTTP 1.1 standard specifies that the default encoding is
> "ISO-8859-1" which Click complies with. If no charset is set, Click
> returns "ISO-8859-1". See [1].
>
> Let us know what you find unreasonable about this approach and we
> might be able to fix it. But from what I can see Click follows the
> standard regarding encoding.
>
> Its still easy to change the default charset using click.xml as you've
> already done. Your border-template.htm should also specify the
> content-type meta tag:
>
>   

Yeah, I set this meta base border template, but if I do not set
"charset" in click.xml, It do noes display Chinese (display in template
page via getMessage() in class  from properties file ) correctly.
 

>
> kind regards
>
> bob
>
> [1]:
> http://incubator.apache.org/click/docs/click-api/org/apache/click/Context.html#getCharset()
>
>


-- 
Hantsy Bai 
Guangzhou, China
http://hantsy.blogspot.com
click-user@incubator.apache.org Archives

Re: [ANNOUNCE] Apache Click

Re: Does Apache Click 1.5 support Ajax - please help!

Re: Stateful pages - examples?

Re: Does Apache Click 1.5 support Ajax - please help!

Re: Where can we download ClickClick?

Re: Stateful pages - examples?

Re: Does Apache Click 1.5 support Ajax - please help!

Re: Where can we download ClickClick?

Re: Where can we download ClickClick?

Re: Does Apache Click 1.5 support Ajax - please help!

Re: Where can we download ClickClick?

Re: Where can we download ClickClick?

Where can we download ClickClick?

Stateful pages - examples?

Re: Does Apache Click 1.5 support Ajax - please help!

Re: moving from Apache incubator to Apache Top Level project

moving from Apache incubator to Apache Top Level project

Re: Does Apache Click 1.5 support Ajax - please help!

Re: Does Apache Click 1.5 support Ajax - please help!

Re: Does Apache Click 1.5 support Ajax - please help!

Re: Does Apache Click 1.5 support Ajax - please help!

Re: Does Apache Click 1.5 support Ajax - please help!

Re: Does Apache Click 1.5 support Ajax - please help!

Re: Does Apache Click 1.5 support Ajax - please help!

Re: Can provide fileupload example code

Can provide fileupload example code

Re: Does Apache Click 1.5 support Ajax - please help!

Re: Does Apache Click 1.5 support Ajax - please help!

Re: Does Apache Click 1.5 support Ajax - please help!

Re: Does Apache Click 1.5 support Ajax - please help!

Re: Does Apache Click 1.5 support Ajax - please help!

Does Apache Click 1.5 support Ajax - please help!

Re: Click Ajax Support

Re: [clickclick] ajax form popup

Re: [clickclick] ajax form popup

Re: [clickclick] ajax form popup

Re: [clickclick] ajax form popup

Re: About click localization and encoding ???

Re: About click localization and encoding ???

Re: About click localization and encoding ???
