When using Kendo Angular inputs, how do I get the ngModel value to populate the fields?

1 Answer 59 Views
CheckBox Dialog DropDownList TextBox
Tom
Top achievements
Rank 2
Tom asked on 31 Dec 2024, 09:03 PM
Hello.  I'm not using a kendo form here, so that may well be my issue.  I have constructed a kendo-dialog window to add or edit an object using kendo inputs--primarily text boxes with a couple of dropdowns and a checkbox.  When editing I want the fields to display the current variable value.  I'm binding with [(ngModel)].  The problem is that when I open an edit window, those values don't display until I click on each field (bring them into focus).   Is there a way to get these to display?  Thanks.
Tom
Top achievements
Rank 2
commented on 02 Jan 2025, 09:48 PM

Thank you, Yanmario.  This works well now.

1 Answer, 1 is accepted

Sort by
0
Accepted
Yanmario
Telerik team
answered on 02 Jan 2025, 08:02 AM

Hi Tom, 

Components that support Angular forms will work the same inside a Dialog as they do outside of one. It’s important to correctly bind the formControl to the elements inside the Dialog.

Example - https://stackblitz.com/edit/angular-rabkzenv

https://www.telerik.com/kendo-angular-ui/components/inputs/textbox/forms

Feel free to also check the following Grid with Dialog editing integration which can provide some additional context:

https://www.telerik.com/kendo-angular-ui/components/grid/editing/external-editing#angular-data-grid-external-editing

If you’re still having issues, please share a runnable example and any additional details that might help us assist you better.

Regards,
Yanmario
Progress Telerik

 

Tags
CheckBox Dialog DropDownList TextBox
Asked by
Tom
Top achievements
Rank 2
Answers by
Yanmario
Telerik team
Share this question
or