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

Validate entered grid values with external dropdown editor

3 Answers 311 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Igor
Top achievements
Rank 1
Igor asked on 11 Jun 2017, 05:42 PM

Hello,

My grid includes 3 columns and I use a popup editor with external kendo combo box to edit 2 columns and standard input box for 3rd column. Validation rules are simple:

1) selected values from drop down box cannot be blank/empty

2) 3rd column should not b empty. if 1dt or 2nd value are changed then reset the value of 3rd column in editor by concatenation of values from 1st and 2nd

columns.

 

Error message is not shown properly during validation values from combo boxes. My example can be loaded by this link: http://dojo.telerik.com/@iakhmedov1/UdOgOg

How it can be fixed?

Thanks,

Igor

 

 

 

 

3 Answers, 1 is accepted

Sort by
0
Boyan Dimitrov
Telerik team
answered on 13 Jun 2017, 03:00 PM

Hello Igor,

The input elements that are used to initialize the Kendo UI DropDownLists should have name property. Also I would suggest to add the span elements to show the validation messages. Please refer to the http://dojo.telerik.com/UXaNoC example. 

Regards,
Boyan Dimitrov
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.
0
Igor
Top achievements
Rank 1
answered on 14 Jun 2017, 08:47 AM

Hi Boyan,

Your fix works fine and validation of 1st and 2nd columns is correct. Now let consider 3rd column (name) which value in editor should be changed( name=fn+"*"+ln ) if fn or ln properties were properly (not empty) changed. Please look at this example: 

http://dojo.telerik.com/@iakhmedov1/AhUpa

How should it be fixed?

Thanks,

Igor

 

0
Boyan Dimitrov
Telerik team
answered on 15 Jun 2017, 03:22 PM

Hello Igor,

My suggestion would be to use the change event of the Kendo UI ComboBox widgets to track when user types in the combo or selects an item. In the handler you can access the value of the other Kendo UI ComboBox widget using its value method. Finally you can update the third input value by concatenating both values with the star symbol in the middle.  

Regards,
Boyan Dimitrov
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.
Tags
Grid
Asked by
Igor
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
Igor
Top achievements
Rank 1
Share this question
or