Warning: SelectSingle: could not fetch data for selected value

Many times you may see this warning while working in the combination of ADP (ArrayDataProvider) with SingleSelect components in Oracle VBCS or Oracle JET. 

Warning: SelectSingle: could not fetch data for selected value

In this post, we will see how to resolve this.

We get this warning when we input an ADP variable as a data value to a SingleSelect component. 

It will not give any error. However, it may not work as expected many times. 

The reason for this is, for the ADP properties, if the Data is set to "Assign Data Later", then the "Item Type" should not be blank. It is expected to bind to a "Type". Hence, define a type for the objects of ADP holdings and assign the type here. 

Routing in Oracle JET

Routing is very useful in JET when we want to navigate between pages or modules. Following is the step-by-step procedure to configure the routing in Oracle JET.

·       Open main.js under sr/js folder

·       Search for function init() . By default, you see the below statements when you create a new project in this function

ko.applyBindings(new MainViewModel(), document.getElementById('globalBody'));

app.adjustContentPadding();

·       Replace these lines with the below statements in the function

oj.Router.sync().then(

                            function () {

                                // Bind your ViewModel for the content of the whole page body.

                                ko.applyBindings(app, document.getElementById('globalBody'));

                            },

                            function (error) {

                                oj.Logger.error('Error in root start: ' + error.message);

                            }

                    );

  

·       Open appController.js under src/js folder

·       In the function ControllerViewModel(), add the following code

self.router = oj.Router.rootInstance;      

                self.router.configure({

                    'home': {label: 'Home', isDefault: true},

                    'dashboard': {label: 'Dashboard'}

                });

                oj.Router.defaults['urlAdapter'] = new oj.Router.urlParamAdapter();

function mergeConfig(original) {

                    return $.extend(true, {}, original, {

                        'animation': oj.ModuleAnimations.switcher(switcherCallback)

                    });

                }

                self.moduleConfig = mergeConfig(self.router.moduleConfig);               

·       We need to configure all the pages for which we need to apply the routing. In the above code, observe the highlighted lines under self.router.configure(). Similarly, replace these pages with your pages

·       Open index.html under src folder. Copy and paste the below line under div tag with id "globalBody" where the routing will be applied

<div data-bind="ojModule: moduleConfig"></div>

·       Now the router is ready

·       Whenever you want to navigate to another page, then call the below method.

self.router.go(<page id>);

Ex: if you want to go to dashboard, then use self.router.go('dashboard');

TypeError: h.apply is not a function

This is a Knockout JS error. I faced this issue when I am trying to invoke click action of a link created. My link statement is like below.

<a data-bind="attr:{id:Reqid},text: Title,click: $('#popup1').ojPopup('open', '#btnTitle')"></a>

And on click of this link, I am getting the below error.

TypeError: h.apply is not a function

This is because the click handler needs to be wrapped within a function. Below updated statement resolved the issue.

<a data-bind="attr:{id:Reqid},text: Title,hover: function(){$('#popup1').ojPopup('open', '#btnTitle')}"></a>