inline editing of dynamic template fields not show the error tooltips

[Eric Lyons]

I created a custom Grid Validator to call the IValidatableObject interface since my existing objects support that instead of data annotations. This is working on regular fields. But the error tooltips are not displayed on dynamic columns.  Everything else is working with the dynamic columns but the error tooltips. I've attached a simple example that shows the issue.  The real dictionary values are another class and not just a simple decimal type. So I would like to be able to get this working without having to create a bunch of helper properties or other wrappers.  Thanks.

Attachment: Test_e3f94e09.zip

[Vignesh Natarajan]

Hi Eric,

Greetings from Syncfusion support.

Query: “Everything else is working with the dynamic columns but the error tooltips. ”

We are able to reproduce the reported issue in the attached sample that validation does not appear on dynamic defined column which contains EditTemplate component. We want to inform you that while using custom editor component (using EditTemplate), it is necessary to define the ID property of editor component with the value matching the Field value. This field value will used to display validation tooltips, built in keyboard navigation, etc.

Kindly refer to the below modified code example.

. . . . . .
            <GridColumn HeaderText="@date.ToString("MM/dd")" Width="120" Field="@dynamicFieldName">

                <Template Context="rowContext">

                    @{

                        var row = (MyRowData)rowContext;

                        var val = row.FTEByDate.TryGetValue(date, out var v) ? v : null;

                    }

                    @val

                </Template>

                <EditTemplate Context="rowContext">

                    @{

                        var row = (MyRowData)rowContext;

                        decimal? val = row.FTEByDate.ContainsKey(date) ? row.FTEByDate[date] : null;

                       

                    }

                    <SfNumericTextBox ID="@dynamicFieldName" TValue="decimal?"

                                      Value="val"

                                      ValueChanged="@(v => OnFteValueChanged(row, date, v))"

                                      Format="N2"

                                      ShowSpinButton="false" Width="100%" />                   

                </EditTemplate>

            </GridColumn>
 .. . . . .

Please get back to us fi you have further queries.

Regards,

Vignesh Natarajan

[Eric Lyons]

Thanks. Works prefect.

[Prathap Senthil]

Thanks for the update. We are happy to hear that the provided information was helpful.

Please feel free to get back to us if you have any further queries.