How to completely personalize the Edit/Insert template

2 posts, 0 answers
  1. mario
    mario avatar
    1 posts
    Member since:
    Jun 2016

    Posted 10 Aug 2017 Link to this post


    I need to show in a grid a ModelView of a complex object, with about 50 different fields.

    If editing in inline or popup mode, I would need to scroll to much (horizontally or vertically) so I need to build a completely personalized form to insert/update data.

    How is it possible to link to a personalized view from a EDIT/ADD buttons from the core grid?

    And how to pass the mode (Insert or Update) and the ID (for Update operations) to this view?

    Have you a sample code?

    Thanks a lot,


  2. Preslav
    Preslav avatar
    316 posts

    Posted 15 Aug 2017 Link to this post

    Hi Davide,

    Based on the post, I assume that the problem is the fact that the user has to scroll the grid in order to enable the edit mode for a row. Please, correct me if I am wrong.

    To overcome this, I would suggest using a Popup editing Grid with the "Edit" button at the beginning of the rows. For example -

    Furthermore, to check if it is create or update mode, handle the edit event and use the model isNew method:
    For example, check the "Use Different Popup Editors for Create and Update Operations" how to article:
    Furthermore, to get the ID, in the edit event handler, get the model.fieldForId. For example, check this Dojo:

    I hope the above information helps.

    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top