This is a migrated thread and some comments may be shown as answers.

List Bind: Fail after upgrading to new build???

5 Answers 39 Views
ListView (Mobile)
This is a migrated thread and some comments may be shown as answers.
Damien
Top achievements
Rank 1
Damien asked on 13 Oct 2013, 12:20 PM
Endless Scrolling Issues Since Update!
OK another thread as I've worked out my woes are to do with endless scrolling and the kendo update changes.
All I want is to retrieve my data and have it endlessly scroll like it did before. But it appears broken.


This works:
http://jsbin.com/aNApID/8/


This doesn't (its my datasource)
Note: Ive hidden my access keys with 'HIDDEN' so it won't work if you do get the syntax right, I just want to be pointed in the right direction

var dataSource = new kendo.data.DataSource({
    pageSize: 10,
    serverPaging: false, //specifies whether the paging should be handled by the service
   transport: {

                read: {
                type: 'GET',
                headers: {'X-Parse-Application-Id':'HIDDEN','X-Parse-REST-API-Key':'HIDDEN'},
                url: "https://api.parse.com/1/classes/Listings/?where={\"State\":\"VIC\",\"EndDateTime\":{\"$gte\":{\"__type\":\"Date\",\"iso\":\""+localStorage.ls_tempdate+"\"}}}&order=StartDateTime",           
                dataType: "json" // JSONP (JSON with padding) is required for cross-domain AJAX
                    },
        parameterMap: function(options) {
            var parameters = {
                q: "javascript", //additional parameters sent to the remote service
                rpp: options.pageSize,
                page: options.page //next page
            };

            return parameters;
        }
    },
    
 schema: { // describe the result format
        data: "results" // the data which the DataSource will be bound to is in the "results" field
    }
});

5 Answers, 1 is accepted

Sort by
0
Damien
Top achievements
Rank 1
answered on 13 Oct 2013, 10:55 PM
Excuse the bump, but I have re-written my question as I have narrowed my issues down to endlessScrolling
If someone can take a look and assist, I'd really appreciate it thanks.
0
Kiril Nikolov
Telerik team
answered on 15 Oct 2013, 06:52 AM
Hello Damien,

The _bindScroller() method is invalid method in Kendo UI and this is why you are getting this error message. Could you please tell us, where did you find this method or read about it?

I would also like to ask you what is the purpose of your code, as we might suggest you a different approach to achieve the functionality that you are looking for?

Regards,

Kiril Nikolov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Damien
Top achievements
Rank 1
answered on 15 Oct 2013, 11:48 PM
Hi Kiril, basically I am trying to bind data retrieved from a remote service, see my datasource above - to a kendoUI scrollable, endlessScroll list. It all worked fine until I upgraded kendo - so something has changed. 

The JSbin above works. I want to achieve exactly that, but with my set of data. 
-When the endlessScroll is set to "true" the list is totally blank
-When the endlessScroll is set to 'false" the list loads, but only some data.

Someone has had a similar issue in this threadl
http://www.kendoui.com/forums/kendo-ui-mobile/listview/endlessscroll-is-invalid-or-datasource-is-invalid-.aspx

I am also getting results about virtual scrolling etc. What is the easiest method for me to continue to retrieve data in the format above, and bind it to a list?

Cheers

0
Damien
Top achievements
Rank 1
answered on 17 Oct 2013, 12:17 AM
Sorry, I know I've got multi threads going now, but this seems to be a similar problem as these guys, I note that they nver got a resolution. See above, I want to bind data to kendo list, I followed the tutorials but all I get is a blank list

http://www.kendoui.com/forums/kendo-ui-mobile/listview/endless-scrolling-stopped-working-with-the-new-version.aspx
0
Kiril Nikolov
Telerik team
answered on 17 Oct 2013, 06:10 AM
Hi Damien,

With the Q2 release, we introduced several non-compatible changes to the endless scrolling behavior. The breaking changes in question have been documented in our changes and backwards compatibility section. The virtual mode implementation details and behavior have been documented in the listview getting started section. In addition to that, our live demos feature updated examples which showcase how the new approach works. 

However, several of our customers have reported problems while migrating their previous implementations to the new approach. Most of the time, the problems were due to misconfigured datasource. The problems we have traced so far are:

- server paging was not enabled;
- page size set to a low number (please check the documentation above)
- server paging not working due to missing schema.total configuration
- complex templates with images which stretched the items after being loaded. 

In your case the problem comes from the small page size that you have set. With the new implementation the bigger your screen is the more items you need in your page size. 

Regards,
Kiril Nikolov
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
ListView (Mobile)
Asked by
Damien
Top achievements
Rank 1
Answers by
Damien
Top achievements
Rank 1
Kiril Nikolov
Telerik team
Share this question
or