Inline Edit a field that is not in a column

8 posts, 1 answers
  1. Grant
    Grant avatar
    69 posts
    Member since:
    Jul 2016

    Posted 04 Jan Link to this post

    Hi, 

    So to expand on my title a bit, I have a grid that displays columns (for example): From address, to Address, cc Address and Subject. And then in a 'detailTemplate' I'd like to display the 'message'. I'd like to use Inline editing to add/edit records if its possible.

    Which is why Im here, Is it possible to use inline editing to set/edit an attribute that isnt actually displayed in the grid, or is this something thats outside the scope of the inline edit functionality?

    Thanks,
    Grant

  2. Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    478 posts

    Posted 06 Jan Link to this post

    Hi Grant,

    The desired functionality is not supported out of the box, but can be achieved via some custom coding, and combining the detailTemplate option, handling the edit, save, and cancel events, and the MVVM capabilities of Kendo UI.

    I have modified this how-to article from our documentation to better replicate your scenario, and demonstrate a possible approach for achieving the described goal:

    http://dojo.telerik.com/EBoDO

    I hope this will be helpful as a starting point for your custom implementation.

    Regards,
    Dimiter Topalov
    Telerik by Progress
    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.
  3. Grant
    Grant avatar
    69 posts
    Member since:
    Jul 2016

    Posted 08 Jan in reply to Dimiter Topalov Link to this post

    Thanks a lot Dimiter, this is exactly what Im looking for. 
  4. Grant
    Grant avatar
    69 posts
    Member since:
    Jul 2016

    Posted 09 Jan in reply to Grant Link to this post

    Is it possible to imitate the same functionality when for adding a new inline record?
  5. Answer
    Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    478 posts

    Posted 10 Jan Link to this post

    Hello Grant,

    Adding an item works, as long as a default value is provided for the "text" field in the schema.model, to prevent a reference error in the details template:

    http://dojo.telerik.com/EBoDO/3

    A "Add new record" button can be added to the toolbar, and the transport.create has to be configured accordingly.

    I hope this helps.

    Regards,
    Dimiter Topalov
    Telerik by Progress
    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.
  6. Grant
    Grant avatar
    69 posts
    Member since:
    Jul 2016

    Posted 19 Jan in reply to Dimiter Topalov Link to this post

    Hi Dimiter,

    Thanks for the help here as well, this grid is working out well now, just one quick question, on line 90, you bound a 'change' event to the model, what was the reason for this? What were you planning on doing with the <tr> you are retrieving, what can it potentially be used for?

    Thanks,
    Grant

  7. Grant
    Grant avatar
    69 posts
    Member since:
    Jul 2016

    Posted 19 Jan in reply to Dimiter Topalov Link to this post

    Hi Dimiter, 

    Thanks for the help here as well. The inline grid is really taking shape now, just one quick question. In your demo, on line 90, you bound a 'change' event to the model, what is the purpose of that, I see you're just retrieving a row, did you mean to do something with it?

    Thanks,
    Grant

  8. Dimiter Topalov
    Admin
    Dimiter Topalov avatar
    478 posts

    Posted 20 Jan Link to this post

    Hello Grant,

    Probably it is just a leftover from something that I have tried while preparing the demo, and I must have forgotten to delete it before sending the Dojo, please disregard. I am sorry for the confusion caused.

    Regards,
    Dimiter Topalov
    Telerik by Progress
    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