I'm a novice. It will be good to be added automatically to all ajax
links like suggested on blockUI site:
$().ajaxStart($.blockUI).ajaxStop($.unblockUI);
@Override protected CharSequence getOnReadyScript() {
return "$().ajaxStart($.blockUI).ajaxStop($.unblockUI);"
}
But this is not working (because this is a jQuery Ajax detection function)
So, for now (as a novice) I simply add to any AjaxLink that need to
start blocking on onclick event
add(new SimpleAttributeAppender("onclick",
"$.blockUI({ message: null, overlayCSS: {opacity: '0.1'} })", ";"));
(it may be converted to a class of course)
and unblock on any component that will be returned in Ajax response
(added to target)
If you know better approach, please, let me know.
-- Tony.
On Thu, Mar 19, 2009 at 9:31 PM, fachhoch <[email protected]> wrote:
>
> This is great explanation thank you , I am looking more to create
> something like
> org.apache.wicket.extensions.ajax.markup.html.WicketAjaxIndicatorAppender .
> I am trying to do something like IndicatingAjaxLink to
> AjaxFallbackDefaultDataTable and trying follow whats in
> IndicatingAjaxLink
>
>
>
>
> and here is what i did to your code
>
> public class BlockerBehaviour extends JQueryBehavior {
>
> private static final ResourceReference BLOCKUI_JS = new
> CompressedResourceReference(BlockerBehaviour.class, "jquery.blockUI.js");
>
>
>
> �...@override protected CharSequence getOnReadyScript() {
> return null;
> }
>
> �...@override
> public void renderHead(IHeaderResponse response) {
> super.renderHead(response);
> response.renderJavascriptReference(getBlockUIJs());
> }
>
> private ResourceReference getBlockUIJs() {
> return BLOCKUI_JS;
> }
>
> public String getMarkupId()
> {
> return getComponent().getMarkupId();
> }
>
> }
> just added the method
> public String getMarkupId()
> {
> return getComponent().getMarkupId();
> }
>
> now not sure where to add this "$.blockUI({ message: null, overlayCSS:
> {opacity: '0.1'} })", ";"));
>
> and "$.unblockUI();"
>
>
>
>
> Anton Veretennikov wrote:
>>
>> As you told about blockUI.
>> There is Jquery integration from WicketStuff.
>> You need to add
>>
>> <dependency>
>> <groupId>org.wicketstuff</groupId>
>> <artifactId>wicketstuff-jquery</artifactId>
>> <version>1.4-SNAPSHOT</version>
>> </dependency>
>>
>> to your pom.xml
>>
>>
>> Then create behaviour that will add JavaScript on demand:
>>
>> public class BlockerBehaviour extends JQueryBehavior {
>> private static final ResourceReference BLOCKUI_JS = new
>> CompressedResourceReference(BlockerBehaviour.class,
>> "jquery.blockUI.js");
>>
>> @Override protected CharSequence getOnReadyScript() {
>> return null;
>> }
>>
>> @Override
>> public void renderHead(IHeaderResponse response) {
>> super.renderHead(response);
>> response.renderJavascriptReference(getBlockUIJs());
>> }
>>
>> private ResourceReference getBlockUIJs() {
>> return BLOCKUI_JS;
>> }
>>
>> }
>>
>> add jquery.blockUI.js to resources for BlockerBehaviour class to locate it
>>
>> and then
>>
>> add this behaviour to panel or page where you like to have it.
>>
>> and use it something like:
>>
>> ajaxFallbackLink.add(new SimpleAttributeAppender("onclick",
>> "$.blockUI({ message: null, overlayCSS: {opacity: '0.1'} })", ";"));
>>
>> and to unblock:
>>
>> @Override
>> protected void onAjaxUpdate(AjaxRequestTarget target) {
>> super.onAjaxUpdate(target);
>> target.appendJavascript("$.unblockUI();");
>> }
>>
>>
>> -- Tony
>>
>>
>> On Thu, Mar 19, 2009 at 7:26 PM, fachhoch <[email protected]> wrote:
>>>
>>> please suggest me on what changes should i make to Veil component in
>>> wicketstuff-minis to use it as a mask or block my page ?
>>>
>>> igor.vaynberg wrote:
>>>>
>>>> see the Veil component in wicketstuff-minis project, that should give
>>>> you all the clues you need.
>>>>
>>>> -ig
>>>>
>>>> On Tue, Mar 17, 2009 at 12:57 PM, fachhoch <[email protected]> wrote:
>>>>>
>>>>> I want to use jquery block plugin to block my page for ajax
>>>>> requests
>>>>> ,
>>>>> please help me with some tutorials how to integrate wicket and
>>>>> jquery.
>>>>> url for jquery block plugin
>>>>> http://www.malsup.com/jquery/block/#demos
>>>>>
>>>>> the script provided by jquery to block page is $.blockUI(); now
>>>>> please
>>>>> suggest me how to call this through wicket
>>>>> --
>>>>> View this message in context:
>>>>> http://www.nabble.com/using-jquery---with-wicket-tp22566645p22566645.html
>>>>> Sent from the Wicket - User mailing list archive at Nabble.com.
>>>>>
>>>>>
>>>>> ---------------------------------------------------------------------
>>>>> To unsubscribe, e-mail: [email protected]
>>>>> For additional commands, e-mail: [email protected]
>>>>>
>>>>>
>>>>
>>>> ---------------------------------------------------------------------
>>>> To unsubscribe, e-mail: [email protected]
>>>> For additional commands, e-mail: [email protected]
>>>>
>>>>
>>>>
>>>
>>> --
>>> View this message in context:
>>> http://www.nabble.com/using-jquery---with-wicket-tp22566645p22599127.html
>>> Sent from the Wicket - User mailing list archive at Nabble.com.
>>>
>>>
>>> ---------------------------------------------------------------------
>>> To unsubscribe, e-mail: [email protected]
>>> For additional commands, e-mail: [email protected]
>>>
>>>
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: [email protected]
>> For additional commands, e-mail: [email protected]
>>
>>
>>
>
> --
> View this message in context:
> http://www.nabble.com/using-jquery---with-wicket-tp22566645p22601001.html
> Sent from the Wicket - User mailing list archive at Nabble.com.
>
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: [email protected]
> For additional commands, e-mail: [email protected]
>
>
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
