You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@wicket.apache.org by Igor Vaynberg <ig...@gmail.com> on 2009/03/17 21:25:14 UTC

Re: using jquery with wicket

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 <fa...@gmail.com> 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: 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: using jquery with wicket

Posted by fachhoch <fa...@gmail.com>.
I compared wicketstuff.minis.veil  and   WicketAjaxIndicatorAppender

http://www.nabble.com/file/p22582613/code.gif 

this is the code from   WicketAjaxIndicatorAppender   , but this method
public void onRendered(Component component) 
is not overriden in   org.wicketstuff.minis.veil.VeilResources 

please tell how should I override this method ?


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 <fa...@gmail.com> 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: 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
> 
> 
> 

-- 
View this message in context: http://www.nabble.com/using-jquery---with-wicket-tp22566645p22582613.html
Sent from the Wicket - User mailing list archive at Nabble.com.


---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org


Re: using jquery with wicket

Posted by fachhoch <fa...@gmail.com>.
I can do this for a link as you say but  how to add this  behaviour for
org.apache.wicket.extensions.ajax.markup.html.repeater.data.table.AjaxFallbackDefaultDataTable,
 in this component all the links are hidden , they are the table columns
headers , I dont have access to them , how can i add   this behaviour  for
links in this table  ?

Anton Veretennikov wrote:
> 
> 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 <fa...@gmail.com> 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 <fa...@gmail.com> 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 <fa...@gmail.com> 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: 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
>>>>>
>>>>>
>>>>>
>>>>
>>>> --
>>>> 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: 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
>>>
>>>
>>>
>>
>> --
>> 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: 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
> 
> 
> 

-- 
View this message in context: http://www.nabble.com/using-jquery---with-wicket-tp22566645p22603520.html
Sent from the Wicket - User mailing list archive at Nabble.com.


---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org


Re: using jquery with wicket

Posted by Anton Veretennikov <an...@gmail.com>.
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 <fa...@gmail.com> 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 <fa...@gmail.com> 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 <fa...@gmail.com> 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: 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
>>>>
>>>>
>>>>
>>>
>>> --
>>> 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: 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
>>
>>
>>
>
> --
> 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: 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: using jquery with wicket

Posted by fachhoch <fa...@gmail.com>.
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 <fa...@gmail.com> 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 <fa...@gmail.com> 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: 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
>>>
>>>
>>>
>>
>> --
>> 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: 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
> 
> 
> 

-- 
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: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org


Re: using jquery with wicket

Posted by Anton Veretennikov <an...@gmail.com>.
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 <fa...@gmail.com> 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 <fa...@gmail.com> 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: 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
>>
>>
>>
>
> --
> 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: 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: using jquery with wicket

Posted by fachhoch <fa...@gmail.com>.
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 <fa...@gmail.com> 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: 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
> 
> 
> 

-- 
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: users-unsubscribe@wicket.apache.org
For additional commands, e-mail: users-help@wicket.apache.org