MVVM Mobile Grid...

[Robin]

I took your grid adaptive rendering sample, plopped it into jsbin and it works without issue.  Once I changed the sample to MVVM, I started getting some strange functionality from it.  The column menu/filter would work just like the non-mvvm sample, but editing a record would throw a popup just like if it were a non-adaptive rendered grid.

Your Grid Sample http://jsbin.com/ofaZose/3/edit
MVVM sample http://jsbin.com/ofaZose/4/edit

Is there a configuration I am missing, I've even gone into the chrome tools and overridden the user agent with a mobile one and use the mobile device's screen size etc, but still having some issues editing a record on an mvvm bound grid.
There are some strange css issues going on as well, as in the column menu and filter screens are very unstyled (not sure if this is from the same issue or maybe I've messed up a jsbin css link).

Thanks.

Robin

[Nikolay Rusev]

Hello Robin,

Indeed this is a miss on our side. The reason for this is because `mobile` option is missing from the default grid options. The fix will be available in the next internal build.

As a temporary solution you can use the following code before initializing the mobile application: kendo.ui.Grid.fn.options.mobile = "";

Updated example: http://jsbin.com/EFiMUta/1/edit

As a token of gratitude for bringing this problem to our attention I've updated your Telerik points.

Regards,
Nikolay Rusev
Telerik

[Robin]

That is a very easy fix.

Thank you for the response.

[Emmanuel]

hello,

can you tell where is defined the edit, add and delete view on http://jsbin.com/EFiMUta/1/edit?html,css,js,output.

thank you in advance

[Emmanuel]

Never mind, I see how it works but, is there a way to override this views? Because I have this code and send me to a blank page

01.var gridConfig = {
02.            columns: [
03.              { field: "PassengerName", title: "Passenger Name" },
04.              { field: "FligthNumber", title: "Fligth Number" },
05.              { field: "RequestedItem", title: "RequestedItem" },
06.              { field: "Airline", title: "Airline" },
07.              { field: "Status", title: "Status" },
08.              { field: "StartTime", title: "Start Time" },
09.              {
10.                  command: {
11.                      text: "View",
12.                      click: app.ServiceLog.viewItem
13.                  }
14.      }
15.],
16..
17..
18..
19.
20.viewItem: function () {
21.        console.log("Viewing item");
22.        app.mobileApp.navigate('info.html');
23.    },

[Nikolay Rusev]

Hello Emmanuel,

We are not sure what you mean by the following statement: "is there a way to override this views". Could you pelease explain a bit more?

Regards,
Nikolay Rusev
Telerik by Progress