[SOLVED] How to use DataAnnotation Validation with DataGrid Column EditTemplate

[gac-noob]

Hi,

I am very new to Blazor and Blazorise (but I really like this component package), and I am currently learning how to use the DataGrid. I want to use DataAnnotations for Validations but I can't seem to make it work in the DataGrid Columns...my code looks like this:

<Validations Mode="ValidationMode.Auto" Model="@Product.UnitOfMeasures">
	<DataGrid TItem="ProductUnitOfMeasureVm"
			  Data="@Product.UnitOfMeasures"
			  Editable="true"
			  EditMode="DataGridEditMode.Inline"
			  NewItemDefaultSetter="@OnDataGridNewItemDefaultSetter"
			  ShowValidationFeedback="true"
			  ShowValidationsSummary="false">
		<ChildContent>
			<DataGridColumn Caption="Id" TItem="ProductUnitOfMeasureVm" Field="@nameof(ProductUnitOfMeasureVm.Id)" Editable="false" Displayable="false" />		
			<DataGridColumn Caption="Name" TItem="ProductUnitOfMeasureVm" Field="@nameof(ProductUnitOfMeasureVm.Name)" Editable="true">													
				<DisplayTemplate>
					@($"{(context as ProductUnitOfMeasureVm)?.Name}")
				</DisplayTemplate>
				<EditTemplate>
					<Validation>
						<TextEdit Text="@((string)context.CellValue)" TextChanged="@(v => ((CellEditContext)context).CellValue = v)">
							<Feedback>
								<ValidationError />
							</Feedback>
						</TextEdit>
					</Validation>
				</EditTemplate>				
			</DataGridColumn>
			<DataGridColumn Caption="Value" TItem="ProductUnitOfMeasureVm" Field="@nameof(ProductUnitOfMeasureVm.Value)" Editable="true">
				<DisplayTemplate>
					@($"{(context as ProductUnitOfMeasureVm)?.Value}")
				</DisplayTemplate>
				<EditTemplate>
					<Validation>
						<NumericEdit TValue="int" Value="@((int)context.CellValue)" ValueChanged="@(v => ((CellEditContext)context).CellValue = v)">
							<Feedback>
								<ValidationError />
							</Feedback>
						</NumericEdit>
					</Validation>
				</EditTemplate>
			</DataGridColumn>
			<DataGridCommandColumn TItem="ProductUnitOfMeasureVm" />
		</ChildContent>
		<EmptyTemplate>
			<div class="box">
				No records are found!
			</div>
		</EmptyTemplate>
		<LoadingTemplate>
			<div class="box">
				<progress class="progress is-small is-primary" max="100" />
			</div>
		</LoadingTemplate>
	</DataGrid>
</Validations>

I think it's because I am using the Text and TextChanged or Value and ValueChanged of the input components? But I don't know how to use @bind-Text in the DataGridColumn...please help...🙏🙏🙏

Thanks in advance!

[gac-noob]

Sorry for the confusion, I don't know how to delete my posted question...
DataGrid DataAnnotations Validation is currently not yet supported...

[stsrki]

Just a little reference for others.

We spoke about data-annotated validation over Gitter and the general plan is to add support sometimes for v0.9.4.

[sanguinal]

Hi All

New to open source and blazor, but i saw this post about data annotations.
I used a workaround as follows: -

  public  class Annotations
   {
       public  void InitialiseColumn<T>(ref T Record, string FieldName, object Value)
       {
           var a = Record.GetType().GetProperties();
           var dstT = Record.GetType();
           var dstF = dstT.GetField(FieldName);
           if (dstF!=null)
           { 
               dstF.SetValue(Record, Value);
           }
           else
           {
               var dstP = dstT.GetProperty(FieldName);
               if (dstP != null)
               { 
                   dstP.SetValue(Record, Value);
               }
           }


       }

       public  List<ValidationResult> CheckAnnotation<T>(T Record, string FieldName, object Value)
       {
           InitialiseColumn(ref Record, FieldName, Value);
           var results = new List<ValidationResult>();
           var ctx = new ValidationContext(Record);
           ctx.MemberName = FieldName;
           try
           {
                   var valid = Validator.TryValidateProperty(Value, ctx, results);
           }
           catch (Exception e)
           {
               Console.WriteLine(e);
               throw;
           }
           return results;
       }
   }
}

Then used a field validation to implement validations as follows:-

public void ValidateSurname(ValidatorEventArgs e)
    {


        var Record = new ACCOUNT_DATASET_WITH_ACCESS();
        var Validator = new Annotations();
        var errors = Validator.CheckAnnotation(Record, "US_SURNAME", e.Value ?? "");
        foreach (var error in errors)
        {
            if (String.IsNullOrEmpty(e.ErrorText))
            {
                e.ErrorText = e.ErrorText + " and " + error.ToString();
            }
            else
            {
                e.ErrorText = error.ToString();
            }
        }
        if (errors.Count != 0)
        {
            e.Status = ValidationStatus.Error;
        }
        else
        {
            e.ErrorText = "All Good";
            e.Status = ValidationStatus.Success;
        }

    }

Which seems to do the trick well.
Hope this workaround helps

Sanguinal

[stsrki]

A lot of boilerplate but as long as it works it is good. Thanks for sharing :)