事件

这篇文章解释了Blazor的Telerik DateInput中可用的事件:

• OnChange
• ValueChanged
• 元素失去焦点时

OnChange

的OnChange事件表示用户操作—确认当前值。它在用户按下时触发输入在输入中，或者当输入失去焦点时。

日期输入是一个通用组件，因此必须提供价值的类型T组件参数。

@result 
  @code {string result;private void MyOnChangeHandler(object theUserInput){//处理程序接收到一个你可能需要转换为组件类型的对象//如果你不提供Value，你必须提供type参数给组件result = string。格式("用户输入:{0:dd/MMM/yyyy}"， (DateTime)theUserInput);}}

这个事件是EventCallback它可以是同步的(返回无效)，或者它也可以是异步的并返回异步任务．

的OnChangeEvent是自定义事件，不影响绑定，因此可以与模型和表单一起使用。

@result 
模型值:@theInputValue 
  @code {string result;DateTime吗?theInputValue {get;设置;} = DateTime.Now;private void MyOnChangeHandler(object theUserInput){//处理程序接收到一个你可能需要转换为组件类型的对象//如果你不提供Value，你必须提供type参数给组件result = string。格式("用户输入:{0:dd/MMM/yyyy}"， (userinput as DateTime?).Value);}}

ValueChanged

的ValueChanged事件在输入中的每次更改(例如击键)时触发。

@result 
  @code {string result;private void MyValueChangeHandler(DateTime theUserInput) {result = string。格式("用户输入:{0}"，theUserInput);}}

这个事件是EventCallback它可以是同步的(返回无效)，或者它也可以是异步的并返回异步任务．

处理程序中的lambda表达式是框架所需要的:https://github.com/aspnet/AspNetCore/issues/12226．

@result 
模型值:@ theinputvalue 
  @code {string result;DateTime设置;} = DateTime.Now;private void MyValueChangeHandler(DateTime theUserInput) {result = string。格式("用户输入:{0:dd/MMM/yyyy}"， theUserInput);//你必须手动更新模型，因为处理ValueChanged事件不允许你使用@bind-Value theInputValue = theUserInput;}}

元素失去焦点时

的元素失去焦点时事件在组件失去焦点时触发。

@*您不必使用OnChange来对焦点丢失做出反应*@   @code{async任务OnBlurHandler(){控制台。WriteLine($"BLUR触发，当前值为{TheDate}.");} DateTime吗?date {get;设置;} = DateTime.Now;｝

另请参阅

• ValueChanged和Validation
• 只触发一次OnChange