You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@wicket.apache.org by Jeffrey Schneller <je...@envisa.com> on 2011/11/16 00:29:29 UTC
Wizard finish button prevent double click
I was using version 1.4.3 and recently updated to 1.4.19. I am trying
to prevent the double click of the Finish button causing a double submit
on the finish step of a wizard.
Was this resolved between version 1.4.3 and 1.4.19? Hopefully it was.
If not...
There was mention of this in the following thread:
http://apache-wicket.1842946.n4.nabble.com/Disable-button-double-click-w
ithout-breaking-Form-setDefaultButton-td3018140.html
The proposed solution of adding a Boolean flag to form itself is a bit
confusing. How do you go about doing this. Do you add a Boolean field
to the model that backs the form that is initially set to false and then
when the onFinish() method fires the field is checked and only continue
if false and then set it to true. How does this prevent the double
submit from occurring?
Is there a way to disable the button visually? In the Apache Wicket
Cookbook (btw, great book) there is the section on blocking until an
Ajax request is complete but the default wizard doesn't appear to be
ajax enabled.
If I could bind a click event to the button via jquery that disables the
buttons and then continues with the wizard submit, that would be ideal.
I can get the jquery bind to occur but the wizard is never submitted to
the onFinish() method. It is like jquery prevents the wicket javascript
from firing.
Thanks.
RE: Wizard finish button prevent double click
Posted by Jeffrey Schneller <je...@envisa.com>.
Problem has been solved. The finish button needs to remain enabled for the wizard to submit to the onFinish() method. So I was not able to mark the finish button as disabled. The javascript/jquery that I had was correct.
To resolve the problem I just hide the finish button once it is pressed and show an image of the finish button it's disabled state.
-----Original Message-----
From: Martin Grigorov [mailto:mgrigorov@apache.org]
Sent: Wednesday, November 16, 2011 11:15 AM
To: users@wicket.apache.org
Subject: Re: Wizard finish button prevent double click
Hi,
On Wed, Nov 16, 2011 at 5:50 PM, Jeffrey Schneller <je...@envisa.com> wrote:
> Any additional thoughts on this.
>
> I tried just putting an onclick on the button itself. But it still
> prevents the form from submitting. If I remove the onclick then
> everything works fine. This should not be this hard. The button is
> defined below:
>
> <button class="cmdButton" wicket:id="finish" type="submit"
> onclick="showBusysign();return true;"><wicket:message
> key=wizardFinishButton"></wicket:message></button>
>
>
> The showBusysign() javascript function is below. And this does what I
> expect it should.
>
> function showBusysign() {
> $('#finishbtn').css('backgroundImage',
> 'url(images/button_disable.gif)');
> $('#previousbtn').css('backgroundImage',
> 'url(images/button_disable.gif)');
> $('#nextbtn').css('backgroundImage',
> 'url(images/button_disable.gif)');
> $('#cancel').css('backgroundImage',
> 'url(images/button_disable.gif)');
>
> $('#finishbtn').attr('disabled', 'disabled');
> $('#previousbtn').attr('disabled', 'disabled');
> $('#nextbtn').attr('disabled', 'disabled');
> $('#cancel').attr('disabled', 'disabled');
you can combine this selector into jQuery('#btn1, #btn2').css(...).prop('disabled', 'disabled')
use prop() instead of attr() check their docs
> }
>
>
>
>
> -----Original Message-----
> From: Jeffrey Schneller [mailto:jeffrey.schneller@envisa.com]
> Sent: Tuesday, November 15, 2011 6:41 PM
> To: users@wicket.apache.org
> Subject: RE: Wizard finish button prevent double click
>
> I have. I even added a breakpoint in my onFinish code to be sure that
> it was getting there.
>
> I do the bind to the click event in the document onReady. It
> definitely fires the jquery but the onFinish code is never executed.
>
>
>
> -----Original Message-----
> From: Igor Vaynberg [mailto:igor.vaynberg@gmail.com]
> Sent: Tuesday, November 15, 2011 6:34 PM
> To: users@wicket.apache.org
> Subject: Re: Wizard finish button prevent double click
>
> with jquery have you tried saying $(button).attr("disabled",
> "disabled") ?
>
> -igor
>
> On Tue, Nov 15, 2011 at 3:29 PM, Jeffrey Schneller <
> jeffrey.schneller@envisa.com> wrote:
>
>> I was using version 1.4.3 and recently updated to 1.4.19. I am
>> trying
>
>> to prevent the double click of the Finish button causing a double
>> submit on the finish step of a wizard.
>>
>>
>>
>> Was this resolved between version 1.4.3 and 1.4.19? Hopefully it was.
>> If not...
>>
>>
>>
>> There was mention of this in the following thread:
>> http://apache-wicket.1842946.n4.nabble.com/Disable-button-double-clic
>> k -w ithout-breaking-Form-setDefaultButton-td3018140.html
>>
>>
>>
>> The proposed solution of adding a Boolean flag to form itself is a
>> bit
>
>> confusing. How do you go about doing this. Do you add a Boolean
>> field to the model that backs the form that is initially set to false
>> and then when the onFinish() method fires the field is checked and
>> only continue if false and then set it to true. How does this
>> prevent
>
>> the double submit from occurring?
>>
>>
>>
>> Is there a way to disable the button visually? In the Apache Wicket
>> Cookbook (btw, great book) there is the section on blocking until an
>> Ajax request is complete but the default wizard doesn't appear to be
>> ajax enabled.
>>
>>
>>
>> If I could bind a click event to the button via jquery that disables
>> the buttons and then continues with the wizard submit, that would be
> ideal.
>> I can get the jquery bind to occur but the wizard is never submitted
>> to the onFinish() method. It is like jquery prevents the wicket
>> javascript from firing.
>>
>>
>>
>> Thanks.
>>
>>
>>
>>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>
--
Martin Grigorov
jWeekend
Training, Consulting, Development
http://jWeekend.com
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org
Re: Wizard finish button prevent double click
Posted by Martin Grigorov <mg...@apache.org>.
Hi,
On Wed, Nov 16, 2011 at 5:50 PM, Jeffrey Schneller
<je...@envisa.com> wrote:
> Any additional thoughts on this.
>
> I tried just putting an onclick on the button itself. But it still
> prevents the form from submitting. If I remove the onclick then
> everything works fine. This should not be this hard. The button is
> defined below:
>
> <button class="cmdButton" wicket:id="finish" type="submit"
> onclick="showBusysign();return true;"><wicket:message
> key=wizardFinishButton"></wicket:message></button>
>
>
> The showBusysign() javascript function is below. And this does what I
> expect it should.
>
> function showBusysign() {
> $('#finishbtn').css('backgroundImage',
> 'url(images/button_disable.gif)');
> $('#previousbtn').css('backgroundImage',
> 'url(images/button_disable.gif)');
> $('#nextbtn').css('backgroundImage',
> 'url(images/button_disable.gif)');
> $('#cancel').css('backgroundImage',
> 'url(images/button_disable.gif)');
>
> $('#finishbtn').attr('disabled', 'disabled');
> $('#previousbtn').attr('disabled', 'disabled');
> $('#nextbtn').attr('disabled', 'disabled');
> $('#cancel').attr('disabled', 'disabled');
you can combine this selector into jQuery('#btn1,
#btn2').css(...).prop('disabled', 'disabled')
use prop() instead of attr() check their docs
> }
>
>
>
>
> -----Original Message-----
> From: Jeffrey Schneller [mailto:jeffrey.schneller@envisa.com]
> Sent: Tuesday, November 15, 2011 6:41 PM
> To: users@wicket.apache.org
> Subject: RE: Wizard finish button prevent double click
>
> I have. I even added a breakpoint in my onFinish code to be sure that
> it was getting there.
>
> I do the bind to the click event in the document onReady. It definitely
> fires the jquery but the onFinish code is never executed.
>
>
>
> -----Original Message-----
> From: Igor Vaynberg [mailto:igor.vaynberg@gmail.com]
> Sent: Tuesday, November 15, 2011 6:34 PM
> To: users@wicket.apache.org
> Subject: Re: Wizard finish button prevent double click
>
> with jquery have you tried saying $(button).attr("disabled", "disabled")
> ?
>
> -igor
>
> On Tue, Nov 15, 2011 at 3:29 PM, Jeffrey Schneller <
> jeffrey.schneller@envisa.com> wrote:
>
>> I was using version 1.4.3 and recently updated to 1.4.19. I am trying
>
>> to prevent the double click of the Finish button causing a double
>> submit on the finish step of a wizard.
>>
>>
>>
>> Was this resolved between version 1.4.3 and 1.4.19? Hopefully it was.
>> If not...
>>
>>
>>
>> There was mention of this in the following thread:
>> http://apache-wicket.1842946.n4.nabble.com/Disable-button-double-click
>> -w ithout-breaking-Form-setDefaultButton-td3018140.html
>>
>>
>>
>> The proposed solution of adding a Boolean flag to form itself is a bit
>
>> confusing. How do you go about doing this. Do you add a Boolean
>> field to the model that backs the form that is initially set to false
>> and then when the onFinish() method fires the field is checked and
>> only continue if false and then set it to true. How does this prevent
>
>> the double submit from occurring?
>>
>>
>>
>> Is there a way to disable the button visually? In the Apache Wicket
>> Cookbook (btw, great book) there is the section on blocking until an
>> Ajax request is complete but the default wizard doesn't appear to be
>> ajax enabled.
>>
>>
>>
>> If I could bind a click event to the button via jquery that disables
>> the buttons and then continues with the wizard submit, that would be
> ideal.
>> I can get the jquery bind to occur but the wizard is never submitted
>> to the onFinish() method. It is like jquery prevents the wicket
>> javascript from firing.
>>
>>
>>
>> Thanks.
>>
>>
>>
>>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
> For additional commands, e-mail: users-help@wicket.apache.org
>
>
--
Martin Grigorov
jWeekend
Training, Consulting, Development
http://jWeekend.com
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org
RE: Wizard finish button prevent double click
Posted by Jeffrey Schneller <je...@envisa.com>.
Any additional thoughts on this.
I tried just putting an onclick on the button itself. But it still
prevents the form from submitting. If I remove the onclick then
everything works fine. This should not be this hard. The button is
defined below:
<button class="cmdButton" wicket:id="finish" type="submit"
onclick="showBusysign();return true;"><wicket:message
key=wizardFinishButton"></wicket:message></button>
The showBusysign() javascript function is below. And this does what I
expect it should.
function showBusysign() {
$('#finishbtn').css('backgroundImage',
'url(images/button_disable.gif)');
$('#previousbtn').css('backgroundImage',
'url(images/button_disable.gif)');
$('#nextbtn').css('backgroundImage',
'url(images/button_disable.gif)');
$('#cancel').css('backgroundImage',
'url(images/button_disable.gif)');
$('#finishbtn').attr('disabled', 'disabled');
$('#previousbtn').attr('disabled', 'disabled');
$('#nextbtn').attr('disabled', 'disabled');
$('#cancel').attr('disabled', 'disabled');
}
-----Original Message-----
From: Jeffrey Schneller [mailto:jeffrey.schneller@envisa.com]
Sent: Tuesday, November 15, 2011 6:41 PM
To: users@wicket.apache.org
Subject: RE: Wizard finish button prevent double click
I have. I even added a breakpoint in my onFinish code to be sure that
it was getting there.
I do the bind to the click event in the document onReady. It definitely
fires the jquery but the onFinish code is never executed.
-----Original Message-----
From: Igor Vaynberg [mailto:igor.vaynberg@gmail.com]
Sent: Tuesday, November 15, 2011 6:34 PM
To: users@wicket.apache.org
Subject: Re: Wizard finish button prevent double click
with jquery have you tried saying $(button).attr("disabled", "disabled")
?
-igor
On Tue, Nov 15, 2011 at 3:29 PM, Jeffrey Schneller <
jeffrey.schneller@envisa.com> wrote:
> I was using version 1.4.3 and recently updated to 1.4.19. I am trying
> to prevent the double click of the Finish button causing a double
> submit on the finish step of a wizard.
>
>
>
> Was this resolved between version 1.4.3 and 1.4.19? Hopefully it was.
> If not...
>
>
>
> There was mention of this in the following thread:
> http://apache-wicket.1842946.n4.nabble.com/Disable-button-double-click
> -w ithout-breaking-Form-setDefaultButton-td3018140.html
>
>
>
> The proposed solution of adding a Boolean flag to form itself is a bit
> confusing. How do you go about doing this. Do you add a Boolean
> field to the model that backs the form that is initially set to false
> and then when the onFinish() method fires the field is checked and
> only continue if false and then set it to true. How does this prevent
> the double submit from occurring?
>
>
>
> Is there a way to disable the button visually? In the Apache Wicket
> Cookbook (btw, great book) there is the section on blocking until an
> Ajax request is complete but the default wizard doesn't appear to be
> ajax enabled.
>
>
>
> If I could bind a click event to the button via jquery that disables
> the buttons and then continues with the wizard submit, that would be
ideal.
> I can get the jquery bind to occur but the wizard is never submitted
> to the onFinish() method. It is like jquery prevents the wicket
> javascript from firing.
>
>
>
> Thanks.
>
>
>
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org
RE: Wizard finish button prevent double click
Posted by Jeffrey Schneller <je...@envisa.com>.
I have. I even added a breakpoint in my onFinish code to be sure that
it was getting there.
I do the bind to the click event in the document onReady. It definitely
fires the jquery but the onFinish code is never executed.
-----Original Message-----
From: Igor Vaynberg [mailto:igor.vaynberg@gmail.com]
Sent: Tuesday, November 15, 2011 6:34 PM
To: users@wicket.apache.org
Subject: Re: Wizard finish button prevent double click
with jquery have you tried saying $(button).attr("disabled", "disabled")
?
-igor
On Tue, Nov 15, 2011 at 3:29 PM, Jeffrey Schneller <
jeffrey.schneller@envisa.com> wrote:
> I was using version 1.4.3 and recently updated to 1.4.19. I am trying
> to prevent the double click of the Finish button causing a double
> submit on the finish step of a wizard.
>
>
>
> Was this resolved between version 1.4.3 and 1.4.19? Hopefully it was.
> If not...
>
>
>
> There was mention of this in the following thread:
> http://apache-wicket.1842946.n4.nabble.com/Disable-button-double-click
> -w ithout-breaking-Form-setDefaultButton-td3018140.html
>
>
>
> The proposed solution of adding a Boolean flag to form itself is a bit
> confusing. How do you go about doing this. Do you add a Boolean
> field to the model that backs the form that is initially set to false
> and then when the onFinish() method fires the field is checked and
> only continue if false and then set it to true. How does this prevent
> the double submit from occurring?
>
>
>
> Is there a way to disable the button visually? In the Apache Wicket
> Cookbook (btw, great book) there is the section on blocking until an
> Ajax request is complete but the default wizard doesn't appear to be
> ajax enabled.
>
>
>
> If I could bind a click event to the button via jquery that disables
> the buttons and then continues with the wizard submit, that would be
ideal.
> I can get the jquery bind to occur but the wizard is never submitted
> to the onFinish() method. It is like jquery prevents the wicket
> javascript from firing.
>
>
>
> Thanks.
>
>
>
>
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org
Re: Wizard finish button prevent double click
Posted by Igor Vaynberg <ig...@gmail.com>.
with jquery have you tried saying $(button).attr("disabled", "disabled") ?
-igor
On Tue, Nov 15, 2011 at 3:29 PM, Jeffrey Schneller <
jeffrey.schneller@envisa.com> wrote:
> I was using version 1.4.3 and recently updated to 1.4.19. I am trying
> to prevent the double click of the Finish button causing a double submit
> on the finish step of a wizard.
>
>
>
> Was this resolved between version 1.4.3 and 1.4.19? Hopefully it was.
> If not...
>
>
>
> There was mention of this in the following thread:
> http://apache-wicket.1842946.n4.nabble.com/Disable-button-double-click-w
> ithout-breaking-Form-setDefaultButton-td3018140.html
>
>
>
> The proposed solution of adding a Boolean flag to form itself is a bit
> confusing. How do you go about doing this. Do you add a Boolean field
> to the model that backs the form that is initially set to false and then
> when the onFinish() method fires the field is checked and only continue
> if false and then set it to true. How does this prevent the double
> submit from occurring?
>
>
>
> Is there a way to disable the button visually? In the Apache Wicket
> Cookbook (btw, great book) there is the section on blocking until an
> Ajax request is complete but the default wizard doesn't appear to be
> ajax enabled.
>
>
>
> If I could bind a click event to the button via jquery that disables the
> buttons and then continues with the wizard submit, that would be ideal.
> I can get the jquery bind to occur but the wizard is never submitted to
> the onFinish() method. It is like jquery prevents the wicket javascript
> from firing.
>
>
>
> Thanks.
>
>
>
>