Mobile List View bound to JSON data source only shows in iPhone

[ChrisLomax]

Hi, I was wondering if anyone could help with an issue I am having with the mobile list view on anything but the iPhone.

I have a page that has a MVC grid on it and a mobile listview on it. The MVC grid is hidden when the size of the screen comes down and is hidden with media queries for responsiveness.

The code is below, but this only appears to work on the iPhone. The Android devices don't appear to show anything except the loading symbol?

@{

    ViewBag.Title = "Racing Selections";

}

 

<h2>@ViewBag.Message</h2>

 

@(Html.Kendo().Grid<EachWayRatings.Models.spFetchQualifiers_Result>()

    .Name("Grid")

    .Columns(columns =>

    {

       columns.Bound(p => p.RH_DateTime).Title("Race Time").Format("{0:HH:mm}").Hidden(true);

       columns.Bound(p => p.Course).Title("Course");

       columns.Bound(p => p.H_Name).Title("Horse");

       columns.Bound(p => p.Selection);

    })

    .DataSource(dataSource => dataSource

        .Ajax()

        .Read(read => read.Action("GetRaces", "Home"))

        .PageSize(100)

        .Group(group => group.Add(o => o.RH_DateTime))

    )

    .Pageable()

)

 

<div id="mobile-wrapper">

   <div id="mobile">

      <div data-role="view" id="grouped" data-init="mobileListViewDataBindInitGrouped" data-transition="" data-title="ListView" data-layout="databinding">

           <ul id="grouped-listview"></ul>

      </div>

   </div>

</div>

 

 

 

<script>

   function mobileListViewDataBindInitGrouped() {

      var ds = kendo.data.DataSource.create({

         schema: {data: 'Data'},

         transport: { read: { url: "/Home/GetMobileRaces", dataType: "json" } },

         group: "racetime"

      });

 

      $("#grouped-listview").kendoMobileListView({

         dataSource: ds,

         template: "${name}",

         fixedHeaders: true

      });

   }

</script>

 

<script>

   var app = new kendo.mobile.Application('#mobile');

</script>

[Alexander Valchev]

Hello Chris,

I am afraid that the provided information is not sufficient enough in order to determine where exactly the problem comes from. Is it possible for you to send me a small but runnable project that I can test locally? In this way I would be able to examine your current implementation in details and assist you further.

Please provide such project and I will check it right away. Thank you in advance for the cooperation.

Regards,
Alexander Valchev
the Telerik team

[ChrisLomax]

Hi Alexander, is there anyway I can provide this project to you securely? The data is from a db so running it would require a data source, I can provide this project with access to our db as the user is locked down but I would prefer not to publish it publicly.

Thanks

[Alexander Valchev]

Hello Chris,

I understand your concerns, moreover we do not want access to confidential information.

It is highly unlikely that problem you described is DataBase related. Would it be possible to isolate the issue in a small project that uses hard coded mock data? This will allow the database-driven controls to appear on the page.

If you feel more comfortable contacting the support team privately you can open a support ticket. This blog post explains how to.

Kind regards,
Alexander Valchev
the Telerik team