Re: 3rd party JS+Wicket 6.6.0=MyWidget ?

2014-02-19 Thread Farrukh SATTOROV
step by step debugging help me understand )


On Wed, Feb 19, 2014 at 4:52 PM, Andrea Del Bene wrote:

> Hi,
>
> for a "gentle" introduction to JavaScript integration you can also refer
> to the official guide:
>
> http://wicket.apache.org/guide/guide/single.html#jsintegration
> > I just delving in these libraries
> >
> >
> > On Wed, Feb 19, 2014 at 11:51 AM, Farrukh SATTOROV  >wrote:
> >
> >> Thank you, Martin
> >>
> >>
> >> On Wed, Feb 19, 2014 at 11:42 AM, Martin Grigorov  >wrote:
> >>
> >>> Hi,
> >>>
> >>> Usually the steps to integrate any JS widget with Wicket are:
> >>> 1) create a custom Component or Behavior that will contribute the .js
> (and
> >>> any .css, images, ... if needed) in #renderHead()
> >>> 2) if the JS widget needs configuration (e.g. some JSON object passed
> to
> >>> the widget's constructor) then use again #renderHead() to write it to
> the
> >>> response
> >>> 3) if the JS widget provides functionality to send data back to the
> server
> >>> then use either Ajax Behavior, IResourceListener or mounted resource
> >>>
> >>> I recommend you to check the source of some integrations:
> >>> - https://github.com/sebfz1/wicket-jquery-ui
> >>> - https://github.com/l0rdn1kk0n/wicket-bootstrap
> >>>
> >>> Martin Grigorov
> >>> Wicket Training and Consulting
> >>>
> >>>
> >>> On Wed, Feb 19, 2014 at 8:45 AM, Farrukh SATTOROV   wrote:
>  Hi all, is there any recipes how integrate 3rd party javascript
> >>> component
>  to wicket component. For example i have Timeline js class and i need
> to
>  bind it to WebComponent as container, what steps i need to do.
> 
>  --
>  Regards, Farrukh
> 
> >>
> >>
> >> --
> >> Regards, Farrukh
> >>
> >
> >
>
>
> -
> To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
> For additional commands, e-mail: users-h...@wicket.apache.org
>
>


-- 
Regards, Farrukh


Re: 3rd party JS+Wicket 6.6.0=MyWidget ?

2014-02-19 Thread Andrea Del Bene
Hi,

for a "gentle" introduction to JavaScript integration you can also refer
to the official guide:

http://wicket.apache.org/guide/guide/single.html#jsintegration
> I just delving in these libraries
>
>
> On Wed, Feb 19, 2014 at 11:51 AM, Farrukh SATTOROV wrote:
>
>> Thank you, Martin
>>
>>
>> On Wed, Feb 19, 2014 at 11:42 AM, Martin Grigorov 
>> wrote:
>>
>>> Hi,
>>>
>>> Usually the steps to integrate any JS widget with Wicket are:
>>> 1) create a custom Component or Behavior that will contribute the .js (and
>>> any .css, images, ... if needed) in #renderHead()
>>> 2) if the JS widget needs configuration (e.g. some JSON object passed to
>>> the widget's constructor) then use again #renderHead() to write it to the
>>> response
>>> 3) if the JS widget provides functionality to send data back to the server
>>> then use either Ajax Behavior, IResourceListener or mounted resource
>>>
>>> I recommend you to check the source of some integrations:
>>> - https://github.com/sebfz1/wicket-jquery-ui
>>> - https://github.com/l0rdn1kk0n/wicket-bootstrap
>>>
>>> Martin Grigorov
>>> Wicket Training and Consulting
>>>
>>>
>>> On Wed, Feb 19, 2014 at 8:45 AM, Farrukh SATTOROV >>> wrote:
 Hi all, is there any recipes how integrate 3rd party javascript
>>> component
 to wicket component. For example i have Timeline js class and i need to
 bind it to WebComponent as container, what steps i need to do.

 --
 Regards, Farrukh

>>
>>
>> --
>> Regards, Farrukh
>>
>
>


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



Re: 3rd party JS+Wicket 6.6.0=MyWidget ?

2014-02-18 Thread Farrukh SATTOROV
I just delving in these libraries


On Wed, Feb 19, 2014 at 11:51 AM, Farrukh SATTOROV wrote:

> Thank you, Martin
>
>
> On Wed, Feb 19, 2014 at 11:42 AM, Martin Grigorov wrote:
>
>> Hi,
>>
>> Usually the steps to integrate any JS widget with Wicket are:
>> 1) create a custom Component or Behavior that will contribute the .js (and
>> any .css, images, ... if needed) in #renderHead()
>> 2) if the JS widget needs configuration (e.g. some JSON object passed to
>> the widget's constructor) then use again #renderHead() to write it to the
>> response
>> 3) if the JS widget provides functionality to send data back to the server
>> then use either Ajax Behavior, IResourceListener or mounted resource
>>
>> I recommend you to check the source of some integrations:
>> - https://github.com/sebfz1/wicket-jquery-ui
>> - https://github.com/l0rdn1kk0n/wicket-bootstrap
>>
>> Martin Grigorov
>> Wicket Training and Consulting
>>
>>
>> On Wed, Feb 19, 2014 at 8:45 AM, Farrukh SATTOROV > >wrote:
>>
>> > Hi all, is there any recipes how integrate 3rd party javascript
>> component
>> > to wicket component. For example i have Timeline js class and i need to
>> > bind it to WebComponent as container, what steps i need to do.
>> >
>> > --
>> > Regards, Farrukh
>> >
>>
>
>
>
> --
> Regards, Farrukh
>



-- 
Regards, Farrukh


Re: 3rd party JS+Wicket 6.6.0=MyWidget ?

2014-02-18 Thread Farrukh SATTOROV
Thank you, Martin


On Wed, Feb 19, 2014 at 11:42 AM, Martin Grigorov wrote:

> Hi,
>
> Usually the steps to integrate any JS widget with Wicket are:
> 1) create a custom Component or Behavior that will contribute the .js (and
> any .css, images, ... if needed) in #renderHead()
> 2) if the JS widget needs configuration (e.g. some JSON object passed to
> the widget's constructor) then use again #renderHead() to write it to the
> response
> 3) if the JS widget provides functionality to send data back to the server
> then use either Ajax Behavior, IResourceListener or mounted resource
>
> I recommend you to check the source of some integrations:
> - https://github.com/sebfz1/wicket-jquery-ui
> - https://github.com/l0rdn1kk0n/wicket-bootstrap
>
> Martin Grigorov
> Wicket Training and Consulting
>
>
> On Wed, Feb 19, 2014 at 8:45 AM, Farrukh SATTOROV  >wrote:
>
> > Hi all, is there any recipes how integrate 3rd party javascript component
> > to wicket component. For example i have Timeline js class and i need to
> > bind it to WebComponent as container, what steps i need to do.
> >
> > --
> > Regards, Farrukh
> >
>



-- 
Regards, Farrukh


Re: 3rd party JS+Wicket 6.6.0=MyWidget ?

2014-02-18 Thread Martin Grigorov
Hi,

Usually the steps to integrate any JS widget with Wicket are:
1) create a custom Component or Behavior that will contribute the .js (and
any .css, images, ... if needed) in #renderHead()
2) if the JS widget needs configuration (e.g. some JSON object passed to
the widget's constructor) then use again #renderHead() to write it to the
response
3) if the JS widget provides functionality to send data back to the server
then use either Ajax Behavior, IResourceListener or mounted resource

I recommend you to check the source of some integrations:
- https://github.com/sebfz1/wicket-jquery-ui
- https://github.com/l0rdn1kk0n/wicket-bootstrap

Martin Grigorov
Wicket Training and Consulting


On Wed, Feb 19, 2014 at 8:45 AM, Farrukh SATTOROV wrote:

> Hi all, is there any recipes how integrate 3rd party javascript component
> to wicket component. For example i have Timeline js class and i need to
> bind it to WebComponent as container, what steps i need to do.
>
> --
> Regards, Farrukh
>


Re: 3rd party JS+Wicket 6.6.0=MyWidget ?

2014-02-18 Thread Farrukh SATTOROV
i mean this js library visjs.org and timeline is
http://visjs.org/examples/timeline/01_basic.html


On Wed, Feb 19, 2014 at 11:13 AM, Ernesto Reinaldo Barreiro <
reier...@gmail.com> wrote:

> Is this JS library the one what you mean?
>
> http://timeline.knightlab.com/
>
> if so,
>
>  frameborder='0'>
>
> Java
>
> /**
>  * @author reiern70
>  *
>  */
> public class TimeLineContainer extends WebMarkupContainer {
>
>
> public TimeLineContainer(String id, IModel url) {
> super(id, url);
> }
>  @Override
> protected void onComponentTag(ComponentTag tag) {
> checkComponentTag(tag, "iframe");
>
> CharSequence url = getURL();
>
> // generate the src attribute
> tag.put("src", Strings.replaceAll(url, "&", "&"));
>
> super.onComponentTag(tag);
> }
>
> private CharSequence getURL() {
> return getDefaultModelObjectAsString();
> }
> }
>
> I haven't tried the above but it might work
>
>
> On Wed, Feb 19, 2014 at 7:45 AM, Farrukh SATTOROV  >wrote:
>
> > Hi all, is there any recipes how integrate 3rd party javascript component
> > to wicket component. For example i have Timeline js class and i need to
> > bind it to WebComponent as container, what steps i need to do.
> >
> > --
> > Regards, Farrukh
> >
>
>
>
> --
> Regards - Ernesto Reinaldo Barreiro
>



-- 
Regards, Farrukh


Re: 3rd party JS+Wicket 6.6.0=MyWidget ?

2014-02-18 Thread Ernesto Reinaldo Barreiro
Is this JS library the one what you mean?

http://timeline.knightlab.com/

if so,



Java

/**
 * @author reiern70
 *
 */
public class TimeLineContainer extends WebMarkupContainer {


public TimeLineContainer(String id, IModel url) {
super(id, url);
}
 @Override
protected void onComponentTag(ComponentTag tag) {
checkComponentTag(tag, "iframe");

CharSequence url = getURL();

// generate the src attribute
tag.put("src", Strings.replaceAll(url, "&", "&"));

super.onComponentTag(tag);
}

private CharSequence getURL() {
return getDefaultModelObjectAsString();
}
}

I haven't tried the above but it might work


On Wed, Feb 19, 2014 at 7:45 AM, Farrukh SATTOROV wrote:

> Hi all, is there any recipes how integrate 3rd party javascript component
> to wicket component. For example i have Timeline js class and i need to
> bind it to WebComponent as container, what steps i need to do.
>
> --
> Regards, Farrukh
>



-- 
Regards - Ernesto Reinaldo Barreiro