Completed
Last Updated: 23 Jan 2020 15:22 by ADMIN
Sundar
Created on: 29 Dec 2015 10:32
Category: Grid
Type: Feature Request
10
Detail edit mode in Kendo Grid
we are not able to show the whole data object in grid. The detail template helps in this situation. But while editing detail templates are not handy.

When editmode is detail, user should expand the row to edit. To add new record we can show expanded row. It's more of the popup edit but looks good in the UI perspective
5 comments
ADMIN
Alex Hajigeorgieva
Posted on: 23 Jan 2020 15:22

Hi, Sundar,

Have a look at these knowledge base articles which show how you can achieve the desired outcome using detail template:

https://docs.telerik.com/kendo-ui/knowledge-base/edit-grid-in-inline-editing-mode-with-detail-template

https://docs.telerik.com/kendo-ui/knowledge-base/grid-detail-template-edit-master-rows

Regards,
Alex Hajigeorgieva
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
ADMIN
Telerik Admin
Posted on: 08 Jan 2016 09:33
Thanks for the additional explanation, Sundar, appreciate it.
ADMIN
Telerik Admin
Posted on: 08 Jan 2016 09:32
If I understand you correctly, you are asking for detail edit/insert template capabilities here, Sundar. 

Let me know whether this is right, or have something else in mind.
Sundar
Posted on: 07 Jan 2016 19:38
Also i added a fiidle explaining the feature. 
http://jsfiddle.net/sundarvms/kso7xjgc/2/
Sundar
Posted on: 07 Jan 2016 18:36
Yeah you got it right.

Actually my model is bigger one. say 20 properties. But my grid shouldn't need to show all. (Grid will have most important 7 columns). For additional details I'm using Detail template to show all properties. 

  In this scenario, I'm allowed to enter 7 properties only in inline and incell. I can achieve my goal in popup mode with custom template. 

   But I feel instead of popup, we can use template mode as well.

Right now, I'm able to achieve this as follows, 
In detail template, I'm having a button for update (not the model one's) and initiate a ajax call.
For add, catch the edit and load the detail template as follows,

  if (e.model.isNew()) {
                e.container.html('<td class="k-hierarchy-cell"><a class="k-icon k-plus" href="#" tabindex="-1"></a></td><td colspan="7">Add a new record &nbsp;&nbsp;&nbsp;&nbsp;<a style="float:right;" class="k-button k-button-icontext k-grid-cancel" href="#"><span class="k-icon k-cancel"></span>Cancel</a></td>');
                var grid = $("#Grid").data("kendoGrid")
                grid.expandRow(grid.tbody.find("tr.k-grid-edit-row").first());
            }