8 Replies Latest reply: May 14, 2014 5:52 AM by Arhan

Issue with apex and multiselect jquery

Arhan Apr 24, 2014 12:11 PM

Hi,

I faced an issue with jQuery in Apex 4.1. I have a multiselect select list in my apex application which will hide/show depending on a dynamic action. I have added multiselect jQuery (dropdown with checkbox. Ref : Multiple Select) to change behaviour of the item. Have included required jQuery and css in its page header and added a java script dynamic action on the item. But its not working properly. Below are the two problems I am facing.

1. Application is showing apex seleclist (multi select) with mulselect jQuery dropdown. However I want only mulselect jQuery dropdown.

2. According to the first dynamic action select list item will be hidden after page load. Item is hidden, but application is showing mulselect jQuery dropdown.

Please help. Please let me know if you need any further information.

1. Re: Issue with apex and multiselect jquery

Sunil Bhatia Apr 25, 2014 2:30 AM (in response to Arhan)

Hi,

This can be specific problem of Plugin. You can directly contact the person who developed this plugin

https://github.com/wenzhixin

Ask him if he had frequent issues with the plugin installed. He will be the best person to help you.

Thanks
Sunil Bhatia
Like Show 0 Likes (0)

Actions
2. Re: Issue with apex and multiselect jquery

Sunil Bhatia Apr 25, 2014 2:32 AM (in response to Sunil Bhatia)

Also,

have you tried this?
http://apex-plugin.com/oracle-apex-plugins/item-plugin/multi-select-checkbox-list_76.html

I dont know both are same or not, but atleast this has demo in APEX, so it should definitely work.

Thanks
Sunil Bhatia
Like Show 0 Likes (0)

Actions
3. Re: Issue with apex and multiselect jquery

Arhan Apr 25, 2014 4:16 AM (in response to Sunil Bhatia)

Hi

This jQuery plugin is working fine with jsp pages; there are no issue with that plugin. I want to deploy the same in my apex application. Also I have checked apex-plugin.com website. But That is not exactly my requirement and also I am not sure about the license of this plugin as we need to use it in production.
Like Show 0 Likes (0)

Actions
4. Re: Issue with apex and multiselect jquery

Tom Petrus Apr 25, 2014 4:44 AM (in response to Arhan)

1/ It seems as if the plugin only constructs the new markup but does not hide the original item. That seems like normal behaviour. You'll have to hide the original select list by for example adding "display: none;" to the element.
2/ this is a really unclear question. What is the goal here? Hide the plugin? If yes, are you trying to do this with a "show/hide" dynamic action? Is the affected element the apex item? If so, performing an action on the original item, ie the apex item, will not alter the plugin-created element. Target it with a jQuery selector instead.

Why don't you set up some example on apex.oracle.com? We all have to take a guess at what you mean while you could just demonstrate it.
Like Show 0 Likes (0)

Actions
5. Re: Issue with apex and multiselect jquery

Arhan Apr 25, 2014 7:05 AM (in response to Tom Petrus)

Can you please let me know where I need to add "display: none;" (in item element section, in HTML Table Cell Attributes/HTML Form Element Attributes/Form Element Option Attributes/Pre Element Text/Post Element Text). An image is required for the multiselect css which I am using and Its difficult to replicate the same in apex.oracle.com as I need to refer the image path in the css. However I can try the same with a series of screenshot, but do not have permission to upload any image here. Please suggest how can I do that
Like Show 0 Likes (0)

Actions
6. Re: Issue with apex and multiselect jquery

Tom Petrus Apr 25, 2014 7:18 AM (in response to Arhan)
You could still set up a small sample on apex.oracle.com - you don't need to get the full page going. Just a sample with the the select list and the plugin where you are stuck. With regards to the image and path you could just, for the sake of the example, just put the css in the inline css of the page and upload the image to the static files, referecing that. If it's required.

Trying adding
style="display:none;"
to the "HTML Form Element Attributes" of the select item.
Like Show 0 Likes (0)

Actions
7. Re: Issue with apex and multiselect jquery

Nick B Apr 25, 2014 7:39 AM (in response to Arhan)

Hey 6caba807-6ded-41b4-ad95-5871d4b73ffb,

Have you considered using my APEX Select2 plugin? The plugin is completely free to use and supports multiselect.
http://www.apex-plugin.com/oracle-apex-plugins/item-plugin/select2_344.html

Kind regards,
Nick
Like Show 0 Likes (0)

Actions
8. Re: Issue with apex and multiselect jquery

Arhan May 14, 2014 5:52 AM (in response to Tom Petrus)

Hi Tom,

I have built an application in apex.oracle.com and tried to implement that feature as you said. But for some reason I am not able to replicate the issue. Can you please check? Also I have uploaded a screenshot of my issue in shared components. Please let me know if this is fine.

Details

Workspace Name : TEST_ARHAN
User Id : Arhan.d
Password : Arhan.d
Like Show 0 Likes (0)

Actions

Go to original post