Load on Scroll- not working in Chrome

[sangeethathangamani]

In my end to end custom fiori application, i am not able to load the data in master page when scrolled down.

The same functionality is working in Firefox browser. But in chrome i am not able to load master data.

Can any one suggest me why this problem is happening and how to resolve it?

[venkateswaran_k]

Hi

Can you check this.

JS Bin - Collaborative JavaScript Debugging

[sangeethathangamani]

Hi,

I am getting the output as below:

All the 100 records are loaded and the cursor is in the middle of such records.

Regards,

Sangeetha

[venkateswaran_k]

Hi Sangeetha,

Can you try the list as below:

var oTable = new sap.m.List({

       //headerText: "Your heading goes here", 

       mode: sap.m.ListMode.SingleSelectMaster      /* : "SingleSelectMaster"*/,

       id: 'Your id goes here',

       selected: true,

       ScrollToLoad :true,

Regards,

Venkat

[sangeethathangamani]

Hi Venkateswaran,

I have tried with    "  ScrollToLoad :true ".

In this case all the data are loaded initially.

What i want is like load top 20 records first and then on scroll load the next 20 data and it goes on.

Regards,

Sangeetha

[venkateswaran_k]

Hi Sangeetha,

Can you see the logs in inspect element .

What it shows while scrolling?

Regards,

Venkat

[sangeethathangamani]

Hi Venkat,

There are no logs while scrolling. No responses while scrolling.

Regards,

Sangeetha

[gill367]

Hi Sangeetha;

Check the three parameters for List Ui element.

growing="true"

growingThreshold="50"

growingScrollToLoad="true"

Check if any console errors are there in chrome when you perform this action.

Also see the version of chrome.

Regards,

Sarbjeet Singh

[sangeethathangamani]

Hi Sarbjeet,

I have include growing parameters in my coding.

"<List growing="true" growingThreshold="10" growingScrollToLoad="scrollToLoad" id="list" >"

I don't get any errors in my console

My Google chrome Version is 33.0.1750.154

Regards,

Sangeetha

[gill367]

Hi Sangeetha;

Instead of

"<List growing="true" growingThreshold="10" growingScrollToLoad="scrollToLoad" id="list" >"

try

"<List growing="true" growingThreshold="10" growingScrollToLoad="true" id="list" >"

Clear your browser cache after this and check.

Regards,

Sarbjeet Singh

[sangeethathangamani]

Hi Sarbjeet,

Even "<List growing="true" growingThreshold="10" growingScrollToLoad="true">" doesn't have any effect.

Cleared the browser cache. Restarted the browser. Still nothing changes. Again no response

Regards,

Sangeetha

[gill367]

HI Sangeetha;

It looks like then some issue with browser version.

Please upgrade to the latest browser version. 44.0.2403 of chrome.

Regards,

Sarbjeet Singh

[sangeethathangamani]

Hi Sarbjeet,

I have tried with chrome Version 46.0.2490.71 . Still it is the same case.

Regards,

Sangeetha

[gill367]

Hi

If possible could you please share the screenshot of the loaded list.

Also, how many number of total records are there?

Also share the code you have written for this.

Regards,

Sarbjeet Singh

[sangeethathangamani]

Hi,

The screenshot of the loaded list is below:

I have displayed top 10 records here.

There are around 100 records.

My code goes here

Regards,

Sangeetha

[gill367]

Looking at the screenshot It is clear that only 10 records have been loaded.

Look at the size of scroll bar. then as you scroll other records are getting loaded.

Regards,

Sarbjeet Singh

[sangeethathangamani]

It is not getting loaded that is my problem....

In the screenshot below you could find that after scrolling nothing is happening.

The same works fine in Firefox.

Regards,

Sangeetha

[gill367]

Hi

So if you set growing = false . Does it loads all the elements?

Regards,

Sarbjeet Singh

[sangeethathangamani]

yes all the data are loaded.....

Please look at the screenshot below:

Regards,

Sangeetha

[gill367]

What is happening if you give following value

growing="true"
growingThreshold="3"
growingScrollToLoad="false"

Regards,

Sarbjeet Singh

[sangeethathangamani]

I get only first 3 records and no scrollbar for

growing="true"
growingThreshold="3"

growingScrollToLoad="false"

Please find the screenshot below:

Regards,

Sangeetha

[gill367]

Hi

Check whether the list shown at below link loads correctly in your chrome browser

SAPUI5 Explored

Regards,

Sarbjeet Singh

[sangeethathangamani]

Yes it is loading properly....

Find the screenshot below:

All the 179 entities are loaded on master and when i click on more in detail, 4 more records are loaded.

Regards,

Sangeetha

[gill367]

Hi Sangeetha;

Any luck with this.

Did you find any way to make it work?

Regards,

Sarbjeet Singh

[sangeethathangamani]

Hi Sarbjeet,

No luck....

Still trying with it....

Got an error in console like

searching for any clues here....

Regards,

Sangeetha

[gill367]

hi Sangeetha;

What is the version of your SAPUI5 core libraries in the server. find out using the below URL.

http://<host>:<port>/sap/public/bc/ui5_ui5/

Also expand the error and debug and find out the root cause in the developer tool.

Regards,

Sarbjeet Singh

[sangeethathangamani]

Hi Sarbjeet,

The sap ui5 version used is "1.28.7".

The error occurs even in fire fox. But there it works good.

Found something new today - the scroll bar works good with mock data in web IDE but when i run it with actual data from back end, this problem occurs.

Any suggestions??

Regards,

Sangeetha

[Former Member]

Hi Sangeetha,

Please go through the SAP-notes for more details.

Fiori apps are based on SAPUI5 so you should see SAP note 1716423 for details.

https://websmp130.sap-ag.de/sap/support/notes/1935915

Regards,

Narasimma Srinivasan

[sangeethathangamani]

Hi Srinivasan,

Thanks for the reply!

My application is a end-to-end custom one. Other applications which we have, are extended from the standard fiori apps and those applications are working fine with the scrolling. The libraries we have used for development are same as standard ones.

is there any other way to resolve this issue?

Regards,

Sangeetha

[Former Member]

Hi Sangeetha,

Check the compatability view in the browsers.

[Former Member]

Hi Sangeetha,

read this blog.

Improving scrolling performance with sap.m.App ... | SCN

[sangeethathangamani]

Hi Srinivasan,

The discussion is only about the background foreground relative motion and speed of scroll.

My issue is much simpler one. when i scroll, my data in master page is not loading(in chrome browser).

Regards,

Sangeetha