Here you go. JS + Java. Let me know if you find something in, which can
cause such behavior :)
============ JS ============
Tapestry.AjaxCheckbox = Class.create({
initialize: function(formId, clientId, selectAllMode, radioMode)
{
this.selectAllMode=selectAllMode;
this.radioMode=radioMode;
this.form = $(formId);
this.element = $(clientId);
//this.element.stopObserving("click",this.onClick);
this.element.observe("click",
this.onClick.bindAsEventListener(this));
},
createHidden : function()
{
var hidden = new Element("input", { "type":"hidden",
"name": this.element.id + ":hidden",
"value": this.element.id});
this.element.insert({after:hidden});
},
onClick : function(event)
{
Event.stop(event);
if(this.radioMode=='true')
{
$$('input').each(function(e)
{
if(e.type=='checkbox')
{
e.checked=0;
}
});
//set self
this.element.checked=1;
}
else if(this.selectAllMode=='true')
{
this.form.getInputs('checkbox').each(function(e)
{
e.checked=1;
});
//clean self
this.element.checked=0;
}
var onsubmit = this.form.onsubmit;
if (onsubmit == undefined || onsubmit.call(window.document, event))
{
this.createHidden();
this.form.submit();
}
}
});
Tapestry.Initializer.ajaxCheckbox = function(formId, clientId,
selectAllMode, radioMode)
{
new Tapestry.AjaxCheckbox(formId, clientId, selectAllMode, radioMode);
}
===========================
======= Java ===========
@IncludeJavaScriptLibrary("ajaxcheckbox.js")
public class AjaxCheckbox extends AbstractField
{
@Parameter(required = false, autoconnect = false)
private boolean value;
@Parameter(required = false)
private boolean selectAllMode;
@Parameter(required = false)
private boolean radioMode;
@Inject
private RenderSupport renderSupport;
@Environmental
private FormSupport formSupport;
@Inject
private ComponentResources resources;
@Environmental
private ValidationTracker tracker;
@Inject
private Request request;
@BeginRender
void begin(MarkupWriter writer)
{
String asSubmitted = tracker.getInput(this);
boolean checked = asSubmitted != null ?
Boolean.parseBoolean(asSubmitted) : value;
writer.element("input", "type", "checkbox",
"name", getControlName(),
"id", getClientId(),
"checked", checked ? "checked" : null);
resources.renderInformalParameters(writer);
//decorateInsideField();
}
@AfterRender
void after(MarkupWriter writer)
{
writer.end(); // input
renderSupport.addInit("ajaxCheckbox",
formSupport.getClientId(),
getClientId(),
valueOf(selectAllMode),
valueOf(radioMode));
}
@Override
protected void processSubmission(String elementName)
{
String postedValue = request.getParameter(elementName);
// record as "true" or "false"
tracker.recordInput(this, Boolean.toString(postedValue != null));
value = postedValue != null;
}
=======================
On Tue, Oct 19, 2010 at 9:25 PM, Thiago H. de Paula Figueiredo <
[email protected]> wrote:
> On Tue, 19 Oct 2010 14:10:00 -0200, Dmitriy Vsekhvalnov <
> [email protected]> wrote:
>
> Is it what AJAX stands for? :)
>>
>
> Yes! :)
>
>
> i was thinking that ajax is to do things in background, while letting user
>> see something immediately. And i don't think checkbox falls to area where it
>> should get response from server to display new state, isn't it?
>> anyway you can try it yourself and see that it is CHANGED but then
>> restored back when sending form data.
>>
>
> Please post your JavaScript code. It doesn't seem related to Tapestry.
>
> --
> Thiago H. de Paula Figueiredo
> Independent Java, Apache Tapestry 5 and Hibernate consultant, developer,
> and instructor
> Owner, Ars Machina Tecnologia da Informação Ltda.
> http://www.arsmachina.com.br
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: [email protected]
> For additional commands, e-mail: [email protected]
>
>
