新的Telerik UI为Blazor?免费30天试用
TreeView -选择
- 例子
- 查看源代码
- 在telerik repl中编辑
- 改变主题
默认的
配置器
选择模式
多个
选择一个或多个节点(通过Shift或Ctrl)。
选择项目:
图标:
标题:实现
Id:3.
图标:
标题:site.psd
Id:4
- Selection.razor
正在加载演示源代码…请稍等。
描述
Telerik UI Blazor TreeView允许您选择一个或多个节点,并公开配置选择模式的选项。TreeView的选择模式控制用户可以选择多少个节点。要指定所需的选择模式,请使用SelectionMode
参数。它需要一个元素TreeViewSelectionMode
枚举。可用的选项有:
没有一个
—禁用节点选择。这是默认设置。单
选择模式多个
选择模式
如果单
启用“选择模式”后,用户只能选择一个节点。如果您希望将用户选择限制为单个值,并且Blazor TreeView的期望输出只是一个对象实例,则该选项非常有用。
的多个
选择模式允许用户随机选择多个节点。在这种情况下,您可以使用设置selecteditem
参数,以获取或设置所选节点集合。它接受IEnumerable
的对象
并支持双向绑定。
从中提取选择的细节设置selecteditem
,您需要将集合强制转换为正确的模型类型。这是必需的,因为您可以在每个级别上将Treeview绑定到不同的模型类型。
当前的演示展示了不同的Blazor TreeView选择模式。
这个TreeView选择示例是一个独特的集合的一部分,有数百个Blazor演示,你可以看到所有Blazor组件的Telerik UI以及他们在行动中的特征。从库中查看或直接改编演示的源代码,并编辑它们及其主题外观开拓者的Telerik REPL或ThemeBuilder.