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
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/grid-detail-template-edit-master-rows
Regards,
Alex Hajigeorgieva
Progress Telerik
Thanks for the additional explanation, Sundar, appreciate it.
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.
Also i added a fiidle explaining the feature. http://jsfiddle.net/sundarvms/kso7xjgc/2/
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 <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()); }