MultiSelect DropDown Custom Component

[srini0883]

hi,

I have developed a MultiSelectDropDown custom component using Richfaces CDK version 3.3.1.

The custom component template is based on the jquery library widget.

When i use the component along with other Richfaces tags, the component is not working.

The issue i see is, there are conflicts between jquery and prototype java script libraries.

Any pointers to handle this would be very helpful.

Thanks in Advance,

Srinivasan Mahadevan

[srini0883]

Hi,

To put this question in otherway around,

Did anyone came across this situation of conflicts arising between the Richfaces javascript libraries and other javascript libraries while using the custom component.

How can we crack this ?

Regards,

Srinivasan Mahadevan

[blabno]

Hi, of course we did. Reasons may varry. In my case it was usage of $ (dollar) in stead of jQuery. Both jQuery and Prototype use dollar as shorthand.

Could you please share your component's source?

[srini0883]

Hi,

  Even i see that is the reason behind my components problem too. Can you please help me how to overcome this ?

  I am sharing my components source code here for you to look into it.

  Thanks for your response.

Regards,

Srinivasan Mahadevan

[blabno]

As I've suspected. You are using $ shorthand in stead of jQuery.

Substitute stuff like $(document), $("#s1"), $("#s2"), etc. with jQuery(document), jQuery("#s1"), etc.

[ilya40umov]

I noticed that you are using jquery.js from your resources. Why aren't you using RichFaces built-in jquery?

[ilya40umov]

RichFaces includes jQuery JavaScript framework. You can use the futures of jQuery directly without defining the <rich:jQuery> component on a page if it is convenient for you. To start using the jQuery feature on the page, include the library into a page with the following code:

...
<a4j:loadScript src="resource://jquery.js"/>
...

Refer to the jQuery documentation for the right syntax. Remember to use jQuery() function instead of $(), as soon as jQuery works without conflicts withprototype.js.

[srini0883]

Bernard Labno wrote:

As I've suspected. You are using $ shorthand in stead of jQuery.

Substitute stuff like $(document), $("#s1"), $("#s2"), etc. with jQuery(document), jQuery("#s1"), etc.

Hi Bernard,

i tried by replacing $ with jQuery, but it did not resolve my issue.

Regards,

Srinivasan Mahadevan

[srini0883]

Hi Ilya,

  Ok, i shall try using the built in Richfaces Jquery and get back.

  Thanks for your replies.

Regards,

Srini

[srini0883]

Hi Ilya,

  I am not very sure of how to use the <rich:jQuery> tag in the page.

Am i doing something wrong by including the jquery.js in the component jar directly ?

  The component works fine when i am not using it along with any of the Richfaces out of the box components.

  The Ridiculous thing is that when i use the component more than one time in the page, only one of them is working.

  I am attaching a screen shot to just give an insight of the problem.

Regards,

Srinivasan Mahadevan

[ilya40umov]

1) Don't add jquery.js because there will be two jquery implementation on the page.

2) You don't need to use rich:jQuery tag. You can simply use jQuery() but you need to load jQuery library from RF jars.

<a4j:loadScript src="resource://jquery.js"/>

3) If you have some additional issues don't mix them in this thread and create a new one.

[srini0883]

Now the Component is working fine. The issue was due to the jquery.js file which i had included.

As you have mentioned, i am using the jQuery from RF jars only now.

Thanks for your Response Ilya!!!

[srini0883]

Thanks Bernard for your inputs.

Regards,

Srinivasan Mahadevan

[sathiyanvenkatesh]

Hi Srinivasan Mahadevan,

Do you have the working verison of this code  sample..  i am also facing thie isse in jquery i m getting the screen like shown in attached screen waiting for your reply but i need  with check boxes