如何在blazor中通过外部代码设置selectbox值?
我使用的是如何在blazor中通过外部代码设置selectbox值?,blazor,telerik-blazor,Blazor,Telerik Blazor,我使用的是TelerikDropDownList,我想通过事件通过外部代码(手动,无需用户界面)设置selectbox值 <TelerikDropDownList Id="TelerikDropDownListId" @bind-Value="@Model.Id" Data="@DataDropDownList"
TelerikDropDownList
,我想通过事件通过外部代码(手动,无需用户界面)设置selectbox值
<TelerikDropDownList Id="TelerikDropDownListId"
@bind-Value="@Model.Id"
Data="@DataDropDownList"
ValueField="Value"
TextField="Text"
@ref="TelerikDropDownListId"/>
<button @onclick="ChangeSelectBoxValue" />
@code {
public List<DropDownItem<long>> DataDropDownList = new List<DropDownItem<long>>();
private void ChangeSelectBoxValue()
{
DataDropDownList.Add(new DropDownItem<long>() { Value = 0, Text = "(New)" });
TelerikDropDownListId.TextField = "(New)";
TelerikDropDownListId.Value = 0;
StateHasChanged();
}
}
@代码{
public List DataDropDownList=新列表();
私有void ChangeSelectBoxValue()
{
DataDropDownList.Add(新的DropDownItem(){Value=0,Text=“(新)”});
TelerikDropDownListId.TextField=“(新)”;
TelerikDropDownListId.Value=0;
StateHasChanged();
}
}
您需要在列表中添加新项,但要更改在@bind value
中传递的值,并且不要更改组件ref的值
private void ChangeSelectBoxValue()
{
// add new item to the drop down list
DataDropDownList.Add(new DropDownItem<long>() { Value = 0, Text = "(New)" });
// change the value of the drop down
Model.Id = 0; // same Value as the item added in the drop down list
StateHasChanged();
}
private void ChangeSelectBoxValue()
{
//将新项目添加到下拉列表中
DataDropDownList.Add(新的DropDownItem(){Value=0,Text=“(新)”});
//更改下拉列表的值
Model.Id=0;//与下拉列表中添加的项相同的值
StateHasChanged();
}
您需要在列表中添加新项,但要更改在@bind value
中传递的值,并且不要更改组件ref的值
private void ChangeSelectBoxValue()
{
// add new item to the drop down list
DataDropDownList.Add(new DropDownItem<long>() { Value = 0, Text = "(New)" });
// change the value of the drop down
Model.Id = 0; // same Value as the item added in the drop down list
StateHasChanged();
}
private void ChangeSelectBoxValue()
{
//将新项目添加到下拉列表中
DataDropDownList.Add(新的DropDownItem(){Value=0,Text=“(新)”});
//更改下拉列表的值
Model.Id=0;//与下拉列表中添加的项相同的值
StateHasChanged();
}