如何使用EditTemplate绑定到Blazorise DataGrid中的TextEdit &g

Question

我是Blazor和Blazorise的新手…在研究这个组件时，我似乎找不到任何材料教如何在Blazorise DataGrid的EditTemplate中绑定textit中的变量。

在我的Blazorise DataGrid中，我有一个数据列(见下面的代码):

<DataGridColumn
Caption="Description"
Editable="true"
TItem="ProductVo"
Field="@nameof(ProductVo.Description)">
<DisplayTemplate>
@($"{(context as ProductVo)?.Description}")
</DisplayTemplate>
<EditTemplate>
<Validation UsePattern="true">              
<TextEdit @bind-Text="context.CellValue" Text="@((string)context.CellValue)" Pattern="^.{3,200}$">
<Feedback>
<ValidationError>This field must be between 3 and 200 characters long.</ValidationError>
</Feedback>
</TextEdit>
</Validation>
</EditTemplate>
</DataGridColumn>

在我的<TextEdit>中，我可以使用以下代码在编辑时显示该值:

Text="@((string)context.CellValue)"

但是它没有保存，因为我不能使用@bind-Text="context.CellValue"绑定context.CellValue。

请帮助我学习如何使用Blazorise DataGrid，提前感谢!

Answer 1

您错过了负责更新context上的文本的TextChanged事件。这应该可以工作:

<TextEdit Text="@((string)context.CellValue)" TextChanged="@(v => ( (CellEditContext)context ).CellValue = v)" Pattern="^.{3,200}$">