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

Kendo ASP NET MVC grid fails to load on Tablet (ipad safari or android tablet IE broser)

6 Answers 203 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Anamika
Top achievements
Rank 1
Anamika asked on 18 Mar 2014, 09:22 AM
Hello,

i have a ASP .NET MVC app for Desktop and mobile devices. I have downloaded Kendo ui for asp net MVC and included folowing code in my _Layout.cshtml and _Layout.Tablet.cshtml.
@Styles.Render("~/Content/kendo/css")
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1324.440/styles/kendo.common.min.css" />
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.3.1324.440/styles/kendo.default.min.css" />
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/kendo")
<script src="http://cdn.kendostatic.com/2013.3.1324.440/js/kendo.all.min.js"></script>
<script src="http://cdn.kendostatic.com/2013.3.1324.440/js/kendo.aspnetmvc.min.js"></script>
The Desktop browser can run the grid and Display data invoking read.action method in Controller. But when i run app on tablet (ipad or android) does not matter which browser it cannot load the grid and just see wait Cursor. When i debug seems it calls Index method in Controller but no read Action method.

6 Answers, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 20 Mar 2014, 11:32 AM
Hello Anamika,

First of I would like to apologise for the delayed response. 

From the provided information it is not possible to tell you what exactly is causing this issue. Could you please send us a small runnable sample that we can run locally and narrow down the issue? This will really help us find what is causing the problem and how to fix it.

Thank you for your cooperation.

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
Anamika
Top achievements
Rank 1
answered on 20 Mar 2014, 02:31 PM
Hello Kiril,
 It is not possible to post the sample Project as it has too many components. But i will give more Information. I have ASP MVC 4 Project and the grid will load data from combination of tables based on text entered in a TextBox and clicking Filter button on top of Kendo grid. The clumns in the grid come dynamically as well. The Controller code Looks like this

public ActionResult Adress_Read([DataSourceRequest]DataSourceRequest request, string SearchString=".1")
{
 DataTable adresses= Adress(SearchString);

return Json(adresses.ToDataSourceResult(request));
 //inside Adress i retrieve column Name and title and populate it in ViewBag.ListHeader
}
private DataTable Adress(string SearchString)
{
//query db , read column info from xml return datatable
}
public ActionResult Index(string SearchString)
{
DataTable adresses= Adress(SearchString);

return View(adresses);
}
I have attached view files for tablet and desktop. When search button is clicked the adress_read do not get invoked , always index is invoked. no matter grid is bound to model or not bound
0
Kiril Nikolov
Telerik team
answered on 21 Mar 2014, 01:36 PM
Hello Anamika,

I have created a sample project and tested it on iPad running iOS7 (with Safari browser), and was not able to reproduce the issue. Please check the example attached and let me know if it works on your test device. 

If it does not work, please edit the sample in order to be able to reproduce the issue, so we can further assist you.

Thank you in advance for your cooperation.

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
Anamika
Top achievements
Rank 1
answered on 26 Mar 2014, 01:40 PM
Sorry, took me a while to put together and modify sample you sent to recreate my Scenario. please have a look the way i include bundles in layout.phone.cshtml. Something is missing in _layout.Phone.html which is ok in _layout.cshtml file. Run the Project and debug in Safari. Safari Windows the grid is using  _layout.cshtml and works fine.
Now Change user Agent to phone and you see the mobile Screen. The grid sorting should be Client side but when i click column Header it will do serevr round trip as well
0
Anamika
Top achievements
Rank 1
answered on 26 Mar 2014, 01:54 PM
Sorry, took me a while to put together and modify sample you sent to recreate my Scenario. please have a look the way i include bundles in layout.phone.cshtml. Something is missing in _layout.Phone.html which is ok in _layout.cshtml file. Run the Project and debug in Safari. Safari Windows the grid is using  _layout.cshtml and works fine.
Now Change user Agent to phone and you see the mobile Screen. The grid sorting should be Client side but when i click column Header it will do server round trip as well. I would like you to Review the _layout.Phone as well if it is ok. Attached the modified Version of Project you posted. Inside Content i have copied latest Kendo css files Version 2014.1.318 and scripts as will for this Version. i cannot package them because of size constraints
0
Kiril Nikolov
Telerik team
answered on 28 Mar 2014, 10:45 AM
Hi Anamika,

I am afraid that I was not able to run the project. There were missing dependencies in the System.Web.Optimization and System.Web.Infrastructure packages that we were not able to restore and therefore run the project. Furthermore there are different versions of MVC referenced in the project.

Can you please provide us with a sample, that we can run and inspect the project? Thank you in advance for your cooperation.

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
Grid
Asked by
Anamika
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Anamika
Top achievements
Rank 1
Share this question
or