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

Inline Edit a field that is not in a column

7 Answers 23 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Grant
Top achievements
Rank 2
Veteran
Iron
Grant asked on 04 Jan 2017, 11:42 AM

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

7 Answers, 1 is accepted

Sort by
0
Dimiter Topalov
Telerik team
answered on 06 Jan 2017, 09:38 AM
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.
0
Grant
Top achievements
Rank 2
Veteran
Iron
answered on 09 Jan 2017, 05:18 AM
Thanks a lot Dimiter, this is exactly what Im looking for. 
0
Grant
Top achievements
Rank 2
Veteran
Iron
answered on 09 Jan 2017, 07:44 AM
Is it possible to imitate the same functionality when for adding a new inline record?
0
Accepted
Dimiter Topalov
Telerik team
answered on 10 Jan 2017, 02:57 PM
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.
0
Grant
Top achievements
Rank 2
Veteran
Iron
answered on 19 Jan 2017, 08:07 AM

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

0
Grant
Top achievements
Rank 2
Veteran
Iron
answered on 19 Jan 2017, 08:10 AM

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

0
Dimiter Topalov
Telerik team
answered on 20 Jan 2017, 02:36 PM
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.
Tags
Grid
Asked by
Grant
Top achievements
Rank 2
Veteran
Iron
Answers by
Dimiter Topalov
Telerik team
Grant
Top achievements
Rank 2
Veteran
Iron
Share this question
or