Paged Data issue: undefined is not an object evaluating makeVirtual

2 posts, 0 answers
  1. AppsWiz
    AppsWiz avatar
    15 posts
    Member since:
    Apr 2013

    Posted 28 Aug 2014 Link to this post

    Greetings, I have a question regarding the remote datasource with server paging. My attempts were not entirely successful so please shed some light on what I was doing wrong.
    Basically I have a template that sets up the search result view that contains a listview as its content. The listview is set up via the template. I have a search button that creates the datasource that the listview reads from, and then navigate to the search result view.
    On chrome it seems to be working ok but when I load it on a device with cordova, it throws an error saying 'undefined' is not an object evaluating makeVirtual. The only problem I noticed is that sometimes the items in the listview is not laid out properly on the first show. Maybe this has something to do with the problem I’m having?
    Here is my code:

    //this is actually assigned globally
    var dataSource = new{
        transport: {
        read: {
         url: window.webserviceUrl + "/Search",
         dataType: "xml"
    parameterMap: function(data, type) {
    return String.format("categoryId={0}&place={1}&keywords={2}&countryName={3}&page={4}&pageSize={5}",,
    schema: {
    type: "xml",
    data: "/Products/product",
    model: {
    fields: {
                                id: "id/text()",
                                name: "name/text()",
                                highlight: "highlight/text()"
    change: function(e) {;
    pageSize: pageSize,
    serverPaging: true

        if ($("#product-list-1 .product-list").data("kendoMobileListView")) {
        $("#product-list-1 .product-list").data("kendoMobileListView").setDataSource(ds);


        <!-- Category product list view -->
        <div id="product-list-#= instance #" data-role="view" class="member-only" data-module-instance="#= instance #" data-use-native-scrolling="true">
            <header data-role="header">
                <div data-role="navbar">
                    <a class="nav-button" data-align="left" data-role="backbutton"></a>
                    <span data-role="view-title">Search results</span>
            <ul class="product-list" data-source="ds (globally set)" data-role="listview" data-template="product-template" data-click="" data-endless-scroll="true">
  2. Alexander Valchev
    Alexander Valchev avatar
    2873 posts

    Posted 01 Sep 2014 Link to this post


    I am afraid that the provided information is not sufficient enough in order to determine where exactly the problem comes from. Usually issues connected with server paging are caused by an incorrectly set or missing configuration. Does your server returns the total amount of records? Please try to set the `total` and if the issue still persists try to isolate it in a sample project that I can run and test locally. In this way I will be able to examine your exact implementation in details and provide you with a concrete recommendations.

    Alexander Valchev
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top