Validate entered grid values with external dropdown editor

4 posts, 0 answers
  1. Igor
    Igor avatar
    21 posts
    Member since:
    Sep 2016

    Posted 11 Jun 2017 Link to this post

    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

     

     

     

     

  2. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    2062 posts

    Posted 13 Jun 2017 Link to this post

    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.
  3. Igor
    Igor avatar
    21 posts
    Member since:
    Sep 2016

    Posted 14 Jun 2017 Link to this post

    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

     

  4. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    2062 posts

    Posted 15 Jun 2017 Link to this post

    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.
Back to Top