Cascading lovs in Jdeveloper R2

on Jdev R2.
I was doing several different Test with Jdev R2 regarding to cascading Lov and lovs components.
here are results.
lets split them in two flavors.
I. Forms.
a) cascading lovs works fine only if you use : input text item with lovs. (this one works fine even if you do not set autosubmit on the master and partial trigger on dependent lovs, .......cool)
b) if you choose selectOneChoise, "what is really nice for short list" it does not work. not even if you set autosubmit and partial trigger.
II. af:table
a) on editing mode: editAll
* using input text with lov works (you do not need to set autosubmit/partial triggers) but every time when you select a value from a list, an ugly error araise saying : field1 is required. field2 is required...to all require attributes (you can work after click)
* using selectOneChoise did not work. after you select the first lov the next lov is surrounded by red square and never get refreshed.
b) on editing mode: clickToEdit :
this is really cool and fast, but cascading lovs does not work at all. not even input text with lovs
has anybody any feedback/workaround/idea on this one, or should we wait until these bug get fixed, hopefully in the new release.
also I was wondering what is the best approuch to execute some java code on load/unload.?
thank you for any help.
Luis

to call java on load use af:clientlistener along with af:serverlistener.. use the type as load
http://blogs.oracle.com/jdevotnharvest/entry/how-to_call_server_side_java_from_javascript
or use the beforephase and afterphase property of f:view, refer navaneeth code here
popup on page load using managed bean, using jdev-11.4
use af:document's onunload property for unloading event and java calls

Similar Messages

ADF LOV and Cascading LOV in JDeveloper 11.1.1.5.0 Issue

Hi,
I have created business component ExpenseHdrView and added LOV and Cascaded LOV. If I run the application module I could see the LOV is working. It is displaying list of values and Return value(id value is not dispalyed as expected). But when I include the view in an ADF form then LOV is working but in the form when I select any value it is displaying the corresponding ID value. This is not in sync with business component.
I am new to this ADF world. Am I doing anything wrong or missing something?
Please help.
Thanks,
Mehabub

Hi Kalpesh,
I just tried, and didn't get that error - there must be something specific to your scenario. Have you tried the obvious solutions (reinstall)
John

Cascading LOV in af:table will not refresh correctly

Jdeveloper version 11.1.1.5.0
I have spent quite a bit of time trying to understand why 2-level cascading LOV won't work in a particular situaion. I still haven't been able to fix it and so I turn to the ADF gurus on this forum.
Here's the scenario:
1. I have a ViewObject called AdjustDeltaValuesView. This VO contains attributes from its entity. It also has transient attributes called CategoryId and CodeId.
2. There is LOV defined for CategoryId for VO CodeCategoryMasterView
3. There is LOV defined for CodeId for LimitedCodeMasterView.
3. View Criteria is created for LimitedCodeMasterView which sets a bind variable value from CodeCategoryMasterView.CodeCategoryId.
4. I have wired all the LOVs correctly and it is working properly in ADF BC tester.
5. In the UI, I have dropped AdjustDeltaValuesView data control as ADF Table where CategoryId and CodeId are displaying as af:selectOneChoice.
6. CategoryId has autoSubmit=true and CodeId has partialTrigger set to component ID of CategoryId.
7. The LOV inside editable af:table is working fine except one scenario that when user selects same categoryId from the category LOV in the second row, the CodeId LOV will not populate.
Here's the code snippet of jspx:
        <af:table value="#{bindings.AdjustDeltaValuesView1.collectionModel}"
                  var="row" rows="#{bindings.AdjustDeltaValuesView1.rangeSize}"
                  emptyText="#{bindings.AdjustDeltaValuesView1.viewable ? 'No data to display.' : 'Access Denied.'}"
                  fetchSize="#{bindings.AdjustDeltaValuesView1.rangeSize}"
                  rowBandingInterval="0"
                  selectedRowKeys="#{bindings.AdjustDeltaValuesView1.collectionModel.selectedRow}"
                  selectionListener="#{bindings.AdjustDeltaValuesView1.collectionModel.makeCurrent}"
                  rowSelection="single" id="t1" editingMode="editAll"
                  rendered="false">
          <af:column sortProperty="CategoryId" sortable="false"
                     headerText="#{bindings.AdjustDeltaValuesView11.hints.CategoryId.label}"
                     id="c25">
            <af:selectOneChoice value="#{row.bindings.CategoryId.inputValue}"
                                label="#{row.bindings.CategoryId.label}"
                                required="#{bindings.AdjustDeltaValuesView11.hints.CategoryId.mandatory}"
                                shortDesc="#{bindings.AdjustDeltaValuesView11.hints.CategoryId.tooltip}"
                                id="soc3" autoSubmit="true">
              <f:selectItems value="#{row.bindings.CategoryId.items}" id="si3"/>
            </af:selectOneChoice>
          </af:column>
          <af:column sortProperty="CodeId" sortable="false"
                     headerText="#{bindings.AdjustDeltaValuesView11.hints.CodeId.label}"
                     id="c27">
            <af:selectOneChoice value="#{row.bindings.CodeId.inputValue}"
                                label="#{row.bindings.CodeId.label}"
                                required="#{bindings.AdjustDeltaValuesView11.hints.CodeId.mandatory}"
                                shortDesc="#{bindings.AdjustDeltaValuesView11.hints.CodeId.tooltip}"
                                id="soc4" partialTriggers="soc3">
              <f:selectItems value="#{row.bindings.CodeId.items}" id="si4"/>
            </af:selectOneChoice>
          </af:column>For example, where it DOES NOT Work
1. User selects Category A from dropdown from the first row.
2. code Id dropdown populates with corresponding values in the list based on CategoryId user selected.
3. user selects Code X from the dropdown.
4. User selects Category A from the dropdown from the second row.
5. PROBLEM: In the second row, Code Id dropdown does not populate. Code dropdown is empty.
Where it works:
1. User selects Category A from dropdown from the first row.
2. code Id dropdown populates with corresponding values in the list based on CategoryId user selected.
3. User selects Category A from the dropdown from the second row.
4. In the second row, Code Id dropdown populates correctly.
Where it works:
1. User selects Category A from dropdown from the first row.
2. code Id dropdown populates with corresponding values in the list based on CategoryId user selected.
3. user selects Code X from the dropdown.
4. User selects Category B from the dropdown from the second row.
5. In the second row, Code Id dropdown populates correctly.
Has anyone come across this scenario? It's a very weird problem.
I hope I have explained this well. If it's not clear please let me know.
Edited by: Shah23 on Jan 14, 2013 6:42 PM
Edited by: Shah23 on Jan 15, 2013 9:09 AM

Hi,
Always mention your JDev version.
Try modifying your VOs as explained in this blog and see if it works fine : https://blogs.oracle.com/aramamoo/entry/how_to_create_multi_level
-Arun

Are cascading LOVs possible in af:query?

Is it possible to have two or more cascading LOVs in an af:query area based on a view criteria?
I'm having some trouble with dependant (child) LOVs: they filter correctly but return nothing to the field from which were launched.
I can attach a code snippet if necessary
Thanks
JDeveloper 11.1.1.3.0 with ADF BC
Anybody has ever tried it?
Edited by: Marge on 02-sep-2010 23:17

Is it possible to have two or more cascading LOVs in an af:query area based on a view criteria?Yes, it is possible
There might be something wrong in the configuration, Can you upload the sample app so that it will be easy to figure out the issue.
Sireesha

Get('XML') doesn't work, but get() does in javascript - CASCADING LOVs

I'm trying to get cascading LOVs working in Apex 3.1.0 in Oracle 11g. When I call get.get('XML') it returns null in firefox and empty string in IE6. If I change it to call get.get() then it returns the XML as a string into Javascript.
The Application process is getting called in both scenarios as i've put PL/SQL logging to disk in order to prove it. The XML being returned is very basic so i'm sure it's not a problem with formatting. I'm not getting any exceptions thrown in javascript either.
Is it possible to use get.get() and then convert the text into an XML object which is returned as per get.get('XML') which at least will allow me to get something working ?
thanks
<script language="JavaScript" type="text/javascript">
function getBusinessFieldJS(pThis, pSelect)
alert('getBusinessFieldJS');
try
var l_Return = null;
var l_Select = html_GetElement(pSelect);
var get = new htmldb_Get(null, html_GetElement('pFlowId').value, 'APPLICATION_PROCESS=GET_DATA_FIELDS_XML', 0);
/*get.add('F120_GETBUSINESSFIELD_ITEM',pThis.value);*/
gReturn = get.get('XML');
alert('gReturn=' + gReturn);
alert('gReturn.value=' + gReturn.value);
if (gReturn == null)
alert('gReturn is null');
if(gReturn && l_Select)
var l_Count = gReturn.getElementsByTagName("option").length;
alert('l_count='+l_Count);
l_Select.length = 0;
for(var i=0;i<l_Count;i++)
var l_Opt_Xml = gReturn.getElementsByTagName("option")+;+
+ appendToSelect(l_Select, l_Opt_Xml.getAttribute('value'),+
+ l_Opt_Xml.firstChild.nodeValue)+
+ }+
+ }+
+
get = null;+
+ }+
+ catch (e)+
+ {+
+ alert('Exception : ' + e);+
+
}+
+}+

Hi,
I've been trying to replicate your problem here: [http://apex.oracle.com/pls/otn/f?p=37055:1]
My application process is:
BEGIN
OWA_UTIL.mime_header ('text/xml', FALSE);
HTP.p('Cache-Control: no-cache');
HTP.p('Pragma: no-cache');
OWA_UTIL.http_header_close;
HTP.prn('<select>');
HTP.prn('<option value="-1">Please Select</option>');
HTP.prn('</select>');
END;(Just copied from your post and XML changed to xml, otherwise untouched)
And my page has a simple HTML region with the source of:
<div id="XMLOUTPUT" style="border:1px solid blue; width:200px; height:200px;"></div>
<div id="XMLOUTPUT2" style="border:1px solid blue; width:200px; height:200px;"></div>
<script type="text/javascript">
function getMyXML()
var l_Return = null;
var get = new htmldb_Get(null, html_GetElement('pFlowId').value, 'APPLICATION_PROCESS=RETURN_XML', 0);
gReturn = get.get('XML');
var d = html_GetElement('XMLOUTPUT');
d.innerHTML = gReturn;
var d2 = html_GetElement('XMLOUTPUT2');
d2.innerHTML = get.get();
var s = gReturn.getElementsByTagName("select");
alert(s.length);
</script>
<a href="javascript:getMyXML();">Click</a>Click on Click at the bottom of the page. The first DIV gets the get.get('XML') object and the second one the get.get() and a popup message tells you how many "select" items are in the XML version.
As far as I can see, this works fine.
Andy

How to use a cascading LOV as a Web Services Consumer?

How to use a cascading LOV as a Web Services Consumer?
We are trying to populate a prompt programmatically.
Our program is a Web Services Consumer.
As an example we use Island Resorts Marketing
The cascading LOV for City is
Country -> Region -> City
The City object is key-aware to the customer table
The query is
Customer | Revenue
(where) City = [prompt]
In order to make the key-awareness work, we must select the value (rowIndex) from the LOV
When we run our program below, the LOV for City is not populated, as expected since we must first select the Country, then the Region.
The code snippet below shows that the LOV for Country is populated. We have no idea how to go from there.
Any hint will be immensely appreciated.
Let us know if anything is unclear in the code.
Source
RetrieveMustFillInfo retrieveMustFillInfo = RetrieveMustFillInfo.Factory.newInstance();
        RetrievePromptsInfo retrievePromptInfo = RetrievePromptsInfo.Factory.newInstance();
        retrievePromptInfo.setPromptLOVRetrievalMode(PromptLOVRetrievalMode.ALL);
        retrievePromptInfo.setRefreshReturnedLOVs(true);
        retrievePromptInfo.setReturnLOVOnMustFillPrompts(true);
        retrieveMustFillInfo.setRetrievePromptsInfo(retrievePromptInfo);
        // *-- need the "Refresh" action to get the .promptToBeFilled
        Action[] boActions = new Action[1];
        boActions[0] = Refresh.Factory.newInstance();
        try {
            documentInformation = reportEngine.getDocumentInformation(Integer.toString(infoObject.getID()), retrieveMustFillInfo, boActions, null, null);
            m_Token = documentInformation.getDocumentReference();
        } catch (Exception ex) {
            System.out.println(GetWSError(ex));
            return;
        if (documentInformation.getMustFillPrompts()) {
            PromptInfo[] promptInfoS = documentInformation.getPromptInfoArray();
            for (PromptInfo promptInfo : promptInfoS) {
                System.out.println(String.format("Prompt '%1$s', hasLOV=%2$s", promptInfo.getName(), (promptInfo.getHasLOV() ? "Yes" : "No")));
                if (promptInfo.getHasLOV()) {
                    LOV boLOV = promptInfo.getLOV();
                    for (Value boLOVValue : boLOV.getValuesArray()) {
                        System.out.println(String.format(" LOV item '%1$s' RowIndex=%2$s", boLOVValue.getColumnsArray(0), (boLOV.getRowIndexed() ? boLOVValue.getRowIndex() : "")));
                System.out.println("--End LOV");
                PromptInfo[] promptInfoS2 = promptInfo.getPromptToBeFilledArray();
                if (promptInfoS2.length > 0) {
                    PromptInfo promptInfo2 = promptInfoS2[0];
                    System.out.println(String.format(" linked to %1$s", promptInfo2.getName()));
                    if (promptInfo2.getHasLOV()) {
                        LOV boLOV2 = promptInfo2.getLOV();
                        for (Value boLOVValue : boLOV2.getValuesArray()) {
                            System.out.println(String.format(" LOV item '%1$s' RowIndex=%2$s", boLOVValue.getColumnsArray(0), (boLOV2.getRowIndexed() ? boLOVValue.getRowIndex() : "")));
                        System.out.println("--End LOV");
Result
Prompt 'Enter value(s) for City:', hasLOV=Yes
--End LOV
linked to Enter value for Country of origin
LOV item 'Australia' RowIndex=6
LOV item 'France' RowIndex=2
LOV item 'Germany' RowIndex=4
LOV item 'Holland' RowIndex=7
LOV item 'Japan' RowIndex=5
LOV item 'UK' RowIndex=3
LOV item 'US' RowIndex=1
--End LOV

Hi,
Refer SAP Note 1278947. You would require a Service Market Place logon to access this article.
Let me know if this helps.
Regards,
Shreyans Surana

How to have cascading lov for a single column in tabular form

Hi,
How to have a cascading lov for a single column in tabular form
ie i have one employee name column
in tabular form if v pressed add row then one row ll be added
In my scenario based on first row value
the second row value to be displayed
To achieve this what i have to do ..
Regards,
Pavan

READ Cascading select list on tabular form and
Oracle APEX 4.0: Cascading LOVs/Select Lists | Inside Oracle APEX by Patrick Wolf BLOG
helps you,
Pars.

Cascade LOV in Apex 4.0

Hello Apex Fun
how can i make cascade list of value in Apex 4.0 ? i tried cascade which enabled in list of item properties but contain problems , please help me
also when use that cascade the Arabic characters shown unclear ..
Edited by: Moh Loay on Aug 24, 2010 2:46 PM

Hi Moh Loay,
I think you have to help me with that one, because I tried to reproduce that on apex.oracle.com and was not able to.
1) I have created page http://apex.oracle.com/pls/apex/f?p=47158:22 which is a cascading LOV on the tables DEPARTMENTS and EMPLOYEES.
2) For Department "Construction" I modified some of the employees to contain arabic and chinese characters
3) I executed above page
4) Changed the department to "Construction" which refreshed the employees select list
5) Opened the Employees select list and everything shows up as I have entered it.
Can you please verify with the above page that it looks good for you as well. Maybe it's an operating system/browser issue?
If the above test case works for you, can you please create a test case with your failing data on apex.oracle.com so that I can have a look what's actually wrong. After you have done that, please provide the workspace, user and password so that I can access your application.
Thanks
Patrick
My Blog: http://www.inside-oracle-apex.com
APEX 4.0 Plug-Ins: http://apex.oracle.com/plugins

Creating a Cascading LOV in an Interactive Report

version 4.1.1.00.23
Hello,
Would someone help me with creating a Cascading LOV in an Interactive Report?
I'm not finding much help searching Google or the forum.
Thanks,
Joe

I used this example but I cant show picture in my region using this procedure. It displays simbol for broken image. Any help. I even added grants for procedure, but it just does't work. This is how I call procedure in html region:<img src="#OWNER#.display_thumb?p_photo_id=3084374128401555434" />

Cascading LOVs in a report region

Can you create a cascading LOV in a report region? All of the examples I find are in a HTML region.

Swosh,
I think that this approach is better than the one from Vikas:
http://htmldb.oracle.com/pls/otn/f?p=31517:176
Denes Kubicek
http://deneskubicek.blogspot.com/
http://www.opal-consulting.de/training
http://htmldb.oracle.com/pls/otn/f?p=31517:1
-------------------------------------------------------------------

Cascading LoVs in Apex 4 based on a shuttle box

I've set up cascading LoVs based on a shuttle box. When values are moved to the right-hand side of the shuttle box, the cascaded LoV items have their existing values cleared.
Is this a bug? Is there a fix or a workaround?

Hi again,
I made an unconditional process, sequence 1, but the only
thing working is the :P11_message is filled.
BEGIN
htp.prn('<script>alert(''Two is more then one'', Ok)</script>');
htp.prn('<script language="JavaScript" type="text/javascript">alert(''TEST'')</script>');
htp.p('<script>alert(''Two is more then one'', Ok)</script>');
htp.p('<script language="JavaScript" type="text/javascript">alert(''TEST'')</script>');
htp.p ('javascript:confirmDelete(htmldb_delete_message,''TEST'');');
htp.prn ('javascript:confirmDelete(htmldb_delete_message,''TEST'');');
htp.print ('javascript:confirmDelete(htmldb_delete_message,''TEST'');');
htp.p('TEST');
:P11_MESSAGE := 'TEST';
end;
Does any one have more suggestions.
Hugo

Resetting a Form with Cascading LOVs (Apex 4)

A standard reset button cannot reset cascading LOVs properly. Let's assume we have a parent LOV and a child LOV. When one changes the selection in the child LOV, reset can undo this. But when he changes the selection in the parent LOV, reset will undo only the parent LOV but not the child LOV. The child LOV remains unchanged (however the selection is lost) and therefore shows a list that does not correspond to the entry now shown in the parent LOV.
Has anybody found a solution for this, a reset action that can reset cascading LOVs completely and properly?
Regards
Roland

Roland,
i didn't try this myself but maybe you succeed with triggering the onchange-event of your parent-select-list (this should cause the child select-list to be refreshed).
Or you could try if a form region has a apex "refresh" event (i know that refresh works on reports).
brgds,
Peter
Blog: http://www.oracle-and-apex.com
ApexLib: http://apexlib.oracleapex.info
BuilderPlugin: http://builderplugin.oracleapex.info
Work: http://www.click-click.at

How to prevent apex 4.0 shuttle cleared by cascading LOV setting?

I have a shuttle control for choosing a list of database users populated from a child table by an On Load - After Header process, which then repopulates the child table in an On Submit - After Computations and Validations process. Work fine.
I then set the shuttle's Cascading LOV Parent Item(s) to a text item that could be used for filtering the shuttle's LOV, and revised the LOV SQL to a) use the filter and b) include items stored in the child table, i.e.:
select username as dv, username as rv
from all_users
where username like upper(:P5_USERSFILTER) || '%'
union
select username, username
from user_grouping_users
where groupid = :P5_GROUPID
order by 1
Unfortunately, when the filter value changes (P5_USERSFILTER), the state of shuttle (as set in my On Load - After Header process) is cleared. The values from the child table are properly included in the LOV, but they are no longer selected -- so the appear in the left-hand list as candidate values but not in the right-hand list as selected values. Additionally, any items selected in the shuttle before changing the value of the LOV Parent (:P5_USERSFILTER) are no longer selected.
Is there a way to prevent the selections of a Cascading LOV item from being cleared when the parent item is reset?
Note, I've specified 'No' for Optimize Refresh, and 'P5_USERS' for Page Items to Submit and 'Yes' for Display Extra Values (which in general does not seem to have any affect on a shuttle LOV)

Hallo all!
I got a similar situation: a text item that filters the left side of an shuttle item (P11_IAG_ENUM), but the right side should stay the same - independet from the text item, where search-phrases are entered.
So I tired with your example - thanks for that - but I changed the code that I only have one collection 'P11_IAG_VALUES' ... but right side seems to be still dependend from the search item. I also deleted the "set value" action of the "save current selection"-dynamic-action, because I supposed it's not needed.
Here is my "save current selection"-dynamic-action:
DECLARE
c_collection CONSTANT VARCHAR2(30) := 'P11_IAG_VALUES';
l_seq_id NUMBER;
BEGIN
IF NOT apex_collection.collection_exists(c_collection) THEN
apex_collection.create_collection(c_collection);
END IF;
SELECT MIN(seq_id)
INTO l_seq_id
FROM apex_collections
WHERE collection_name = c_collection
IF l_seq_id IS NULL THEN
apex_collection.add_member (
p_collection_name => c_collection,
p_c001 => :P11_IAG_ENUM );
ELSE
apex_collection.update_member (
p_collection_name => c_collection,
p_seq => l_seq_id,
p_c001 => :P11_IAG_ENUM );
END IF;
COMMIT;
END;
... and the "restore old selection"-dynamic-action:
DECLARE
l_selected_iag VARCHAR2(32767);
BEGIN
SELECT c001
INTO l_selected_iag
FROM apex_collections
WHERE collection_name='P11_IAG_VALUES'
RETURN l_selected_iag;
EXCEPTION
WHEN NO_DATA_FOUND THEN
RETURN NULL;
END;
Where is my error in reasoning?
(Meanwhile I try to create an example application...)
[Edit: I got problems to acces my workspace, try to reset my password --> error, even try to find my workspace -->error .... everytime the same; I'll try it later again, but hoping that anyone can help me without example application]
Edited by: kc7 on 10.09.2010 09:20
[Edit II: I finally created a example-application: *http://apex.oracle.com/pls/apex/f?p=30216*
workspace: kc7
user: dummy
pwd: doll
Edited by: kc7 on 10.09.2010 12:28

Cascading LOV in a Tab Form Help

version 4.0.2.00.07
Hello,
I've aquired an application that was written by someone else. I have a Tab Form that needs a Cascading LOV. There is code already in place, but I have questions about it that I'm hoping someone can help.
There's a LOV called Product Group that has an onChange in the Element Attributes:
onchange="f_load_platform(this.value,#ROWNUM#);"In the HTML Header is a javascript function:
function f_load_platform(p_pg_id, p_rownum){
   if (p_pg_id) {
      v_new_list = html_GetElement('f04_'+ f_zero_pad(p_rownum,4));
      v_curr_value = v_new_list.value;
      var get = new htmldb_Get(null,&APP_ID.,'APPLICATION_PROCESS=Get_Platform_From_Product_Group',0);
      get.add('P21_PRODUCT_GROUP_ID_PARAM',p_pg_id);
      gReturn = get.get();
      if (gReturn) {
         // Separate each combination set of values
         var NameArray = gReturn.split(",");
         // Reset dropdown list by making its length to a needed value
         v_new_list.length = NameArray.length-1;
         for(i=0; i < NameArray.length; i++){
           NameArrayList = NameArray.split("~");
if(NameArrayList[0] != "") {
v_new_list[i].value = NameArrayList[0];
v_new_list[i].text = NameArrayList[1];
if(NameArrayList[0] == v_curr_value) {
v_new_list.selectedIndex = i;
else {
v_new_list.length = 0;
function f_zero_pad(num,count)
var numZeropad = num + '';
while(numZeropad.length < count) {
numZeropad = "0" + numZeropad;
return numZeropad;
The Add Row button is set to:
Action: Redirect to URL
Execute Validations: Yes
URL Target: javascript:addRow();
When I debug the javascript the variable v_new_list shows as false. I can also see that p_rownum variable in the javascript function contains 0. I don't know if that's correct.
Can someone help me with why this function does not return the values into the select list for the f04 item?
What other information can I provide?
Thanks,
Joe

Scott,
Thank you for replying.
While debugging the javascript, I can see that gReturn does contain a string of the Platforms for that Product Group ID.
What I don't know if it's correct is the call to: v_new_list = html_GetElement('f04_'+ f_zero_pad(p_rownum,4));
When I view source I see that f04_0000 is the Platform select list item.
<td headers="PLATFORM_ID" class="t13data"><label for="f04_0000" class="hideMe508">PLATFORM_ID</label><select name="f04" id="f04_0000">...I don't know why the previous developer wrote a function to append the four zero's to the item, but I get the same result when I take out the padding call and replace it with the four zero's so the statement looks like this: v_new_list = html_GetElement('f04_0000');
I still can see that v_new_list is undefined in the debugger. Any other ideas?
Thanks,
Joe

Apex 4.2.1 - mobile theme display bugs and Cascading LOV bug

I've setup a test at http://apex.oracle.com/pls/apex/f?p=35331 - username/password is test/test
Simple page to show some issues I'm running into. Wondering if work-arounds exist or if a patch would be available before we'd go live.
First and second issue are the same I believe. So - a normal text box (label1) looks fine. But, Label2 is a Display only item and Label3 is a read-only select list item. As you can see - both of the values appear smack dab right beside the label and not in line with the other fields. It's totally ugly and not usable as is. I've tried to move this over, but the label goes with it. I can see no way of doing it, but wondering if there's some hack I can put in to solve it...
The last issues is with a cascading LOV. Simple table setup. Static on the first, the second a simple query that filters on the first. If you set the select list to Value Required and not to display null values - then when you click on the Second List button - it just hangs. The page is unusable. I suspect this has to do with the null or something. But - doesn't appear to matter if anything is chosen. Note - if the list is large - which I think then uses a different UI control, this is fine. Only when one of the lists is small does the issue reproduce.
Any workarounds or fixes? Any ideas?
Thanks

Hi,
I would suggest to not mix different questions and a thread for each of them. Makes it easier for others to follow.
About your problem with the cascading LOVs, it appears that this is/was a bug in jQuery Mobile which we use under the hood. I was able to reproduce the problem with APEX 4.2.1 using jQM 1.2.0, but was not able to reproduce it with APEX 5.0 which will use jQM 1.3.0RC1 or higher. The problem occurs if a select list is empty.
There are different workarounds available:
1) set the attribute "HTML Form Element Attributes" of P1_CLOV_2 to data-native-menu="false"or
2) set the attribute "Display Null Value" of P1_CLOV_2 to Yes and "Null Display Value" to - select - (or something similar). The "Value Required" = Yes will still guarantee that a value has to be picked. Having the extra null entry will guarantee that the select list always contains an entry, that seems to workaround the bug in jQuery Mobile.
I have filed bug 16355963 - jquery mobile: empty select list causes javascript error
to track that this is definitely fixed in APEX 5.0.
Regards
Patrick
My Blog: http://www.inside-oracle-apex.com
APEX Plug-Ins: http://apex.oracle.com/plugins
Twitter: http://www.twitter.com/patrickwolf

Cascading lovs in Jdeveloper R2

Similar Messages

Maybe you are looking for