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

How To Create Custom Tooltip Validation for Inline Grid

1 Answer 143 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 30 Jan 2017, 11:48 AM

Hi, 

I've created an inline grid to perform CRUD operations, but am having a slight problem with validation. The standard inline grid validates its fields based on the attributes of the schema and the column (I think). My grid has custom editors for each value displayed, I assume this is why the 'validation' details of each schema attribute are ignored. Please correct me if Im wrong.

How can I trigger the Inline Grid validation for my custom fields so any resulting error messages are displayed as Tooltips (eg; http://demos.telerik.com/kendo-ui/grid/editing-inline) instead of additional elements like the standard validator?

Thanks In Advance,
Grant

1 Answer, 1 is accepted

Sort by
0
Dimiter Topalov
Telerik team
answered on 01 Feb 2017, 09:33 AM
Hello Grant,

You are correct - validation rules, defined in the schema.model.fields will be ignored when a custom column editor is used:

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.editor

For the validation to be triggered, the respective validation attributes (e.g. required) should be manually attached to the input, used by the custom editor (like the required attribute in the input, the DropDownList is initialized from in the online custom editor demo).

You can also check out the following section of our documentation, describing how to customize the validator's tooltip position if necessary:

http://docs.telerik.com/kendo-ui/controls/editors/validator/overview#validator-tooltip

Further information about the Kendo UI Validator is available in the same article:

http://docs.telerik.com/kendo-ui/controls/editors/validator/overview#validator-overview

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.
Tags
Grid
Asked by
Grant
Top achievements
Rank 2
Veteran
Iron
Answers by
Dimiter Topalov
Telerik team
Share this question
or