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

MVVM Mobile Grid...

5 Answers 22 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Robin
Top achievements
Rank 1
Robin asked on 02 Dec 2013, 07:52 PM
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

5 Answers, 1 is accepted

Sort by
0
Accepted
Nikolay Rusev
Telerik team
answered on 04 Dec 2013, 08:18 AM
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
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Robin
Top achievements
Rank 1
answered on 04 Dec 2013, 01:00 PM
That is a very easy fix.

Thank you for the response.
0
Emmanuel
Top achievements
Rank 1
answered on 01 Dec 2016, 04:47 PM

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

0
Emmanuel
Top achievements
Rank 1
answered on 01 Dec 2016, 05:03 PM

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.    },
0
Nikolay Rusev
Telerik team
answered on 05 Dec 2016, 08:22 AM

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
Kendo UI is ready for Visual Studio 2017 RC! Learn more.
Tags
Grid
Asked by
Robin
Top achievements
Rank 1
Answers by
Nikolay Rusev
Telerik team
Robin
Top achievements
Rank 1
Emmanuel
Top achievements
Rank 1
Share this question
or