用法请参考Input组件,有Color、Size、IsRounded等属性,也可以结合Icon使用,参考通用组件
不支持多选
用法请参考Input组件,有Color、Size、IsRounded等属性,也可以结合Icon使用,参考通用组件
不支持多选
<Select TValue="int" Color="Color.Primary">
<Option Value="0">-选择国家-</Option>
<Option Value="1">中国</Option>
<Option Value="2">美国</Option>
<Option Value="3">俄罗斯</Option>
</Select>
<Select TValue="int" Color="Color.Link">
<Option Value="0">-选择国家-</Option>
<Option Value="1">中国</Option>
<Option Value="2">美国</Option>
<Option Value="3">俄罗斯</Option>
</Select>
<Select TValue="int" Color="Color.Info">
<Option Value="0">-选择国家-</Option>
<Option Value="1">中国</Option>
<Option Value="2">美国</Option>
<Option Value="3">俄罗斯</Option>
</Select>
<Select TValue="int" Color="Color.Success">
<Option Value="0">-选择国家-</Option>
<Option Value="1">中国</Option>
<Option Value="2">美国</Option>
<Option Value="3">俄罗斯</Option>
</Select>
<Select TValue="int" Color="Color.Warning">
<Option Value="0">-选择国家-</Option>
<Option Value="1">中国</Option>
<Option Value="2">美国</Option>
<Option Value="3">俄罗斯</Option>
</Select>
<Select TValue="int" Color="Color.Danger">
<Option Value="0">-选择国家-</Option>
<Option Value="1">中国</Option>
<Option Value="2">美国</Option>
<Option Value="3">俄罗斯</Option>
</Select>
<Select TValue="int" IsSmall>
<Option Value="0">-选择国家-</Option>
<Option Value="1">中国</Option>
<Option Value="2">美国</Option>
<Option Value="3">俄罗斯</Option>
</Select>
<Select TValue="int" IsNormal>
<Option Value="0">-选择国家-</Option>
<Option Value="1">中国</Option>
<Option Value="2">美国</Option>
<Option Value="3">俄罗斯</Option>
</Select>
<Select TValue="int" IsMedium>
<Option Value="0">-选择国家-</Option>
<Option Value="1">中国</Option>
<Option Value="2">美国</Option>
<Option Value="3">俄罗斯</Option>
</Select>
<Select TValue="int" IsLarge>
<Option Value="0">-选择国家-</Option>
<Option Value="1">中国</Option>
<Option Value="2">美国</Option>
<Option Value="3">俄罗斯</Option>
</Select>
<Select TValue="int" IsRounded>
<Option Value="0">-选择国家-</Option>
<Option Value="1">中国</Option>
<Option Value="2">美国</Option>
<Option Value="3">俄罗斯</Option>
</Select>
<Select TValue="int" IsHovered>
<Option Value="0">-选择国家-</Option>
<Option Value="1">中国</Option>
<Option Value="2">美国</Option>
<Option Value="3">俄罗斯</Option>
</Select>
<Select TValue="int" IsFocused>
<Option Value="0">-选择国家-</Option>
<Option Value="1">中国</Option>
<Option Value="2">美国</Option>
<Option Value="3">俄罗斯</Option>
</Select>
<Select TValue="int" IsLoading>
<Option Value="0">-选择国家-</Option>
<Option Value="1">中国</Option>
<Option Value="2">美国</Option>
<Option Value="3">俄罗斯</Option>
</Select>
<Content>
<Field>
<Label>country的值:</Label>
<Control>
<Input Value="country" IsStatic />
</Control>
</Field>
<Field>
<Label>选择框:</Label>
<Control>
<Select @bind-Value="country">
<Option Value="0">-选择国家-</Option>
<Option Value="1">中国</Option>
<Option Value="2">美国</Option>
<Option Value="3">俄罗斯</Option>
</Select>
</Control>
</Field>
<Field>
<Control>
<Button Color="Color.Info" @onclick="setNewValue">绑定值+1</Button>
</Control>
</Field>
</Content>
@code{
int country = 0;
void setNewValue()
{
country++;
}
}
可空类型绑定例子
<Content>
<Field>
<Label>country的值:</Label>
<Control>
<Input Value="country" IsStatic />
</Control>
</Field>
<Field>
<Label>选择框:</Label>
<Control>
<Select @bind-Value="country">
@foreach (var item in list)
{
<Option TValue="int?" Value="item.value">@item.text</Option>
}
</Select>
</Control>
</Field>
<Field>
<Control>
<Button Color="Color.Info" @onclick="setNewValue">绑定值+1</Button>
</Control>
</Field>
</Content>
@code{
record Item(int? value,string text);
List<Item> list=new List<Item>{
new Item(null,"请选择"),
new Item(1,"中国"),
new Item(2,"美国"),
new Item(3,"俄罗斯"),
};
int? country =null;
void setNewValue()
{
if(country!=null){
country=country.Value+1;
}
}
}
文档