Blazor旋转木马概述
的旋转木马为开拓者是一个交互式组件，它允许用户一次浏览一个内容项(页)的集合。Carousel模板支持随机的web内容，尽管它最常用于显示图像。
Carousel组件是为Blazor的Telerik UI，一个具有100个本地组件的专业级UI库，用于构建现代和功能丰富的应用程序。想要试用它，请注册一个30天的免费试用。
创建Blazor旋转木马
- 使用
TelerikCarousel标记将组件添加到剃须刀页面。 - 填充
数据属性与您的项目集合。 - 使用嵌套
<模板>标记来声明要显示的HTML内容。 - 集
宽度而且高度属性的旋转木马，根据内容来显示。
旋转木马有5页和一些基本内容
@* Blazor Carousel *@ ID @(context.ID): @(context.Text) @code {public IEnumerable CarouselData = Enumerable。Range(1,5).Select(x => new CarouselModel {ID = x, Text = "Text " + x});公共类CarouselModel{公共int ID {get;设置;}公共字符串文本{get;设置;}}} 的
carousel-item类被Bootstrap使用，这会引入一些冲突，如果在模板中使用，可能会导致不希望的行为。也就是说，在为Carousel Template的子元素设置CSS类时，应该避免使用它。
模板
要显示旋转木马中的任何内容，请使用模板然后将您想要的标记放在里面。如果未设置模板，则Carousel将不会显示任何内容。
事件
Blazor Carousel生成您可以处理和进一步定制其行为的事件。阅读更多关于Blazor旋转木马事件的信息…
旋转木马的参数
下表列出了Carousel参数。检查Carousel API参考以获取属性、方法和事件的完整列表。
| 参数 | 类型及默认值 | 描述 |
|---|---|---|
箭头 |
保龄球（ 真正的） |
是否显示导航箭头按钮。 |
LoopPages |
保龄球（ 真正的） |
当到达最后一页时，旋转木马是否会切换到第一页。 |
可分页 |
保龄球（ 真正的） |
覆盖页是否可见。每一页都用一个可点击的点表示。当前页面由一个彩色圆点表示。如果这些点不能放入可用的水平空间，分页器将是可滚动的。 |
页面 |
int(1) |
要显示的内容项的基于1的索引。支持双向绑定。 |
AutomaticPageChange |
保龄球（ 真正的） |
短暂延迟后传送带是否会自动切换到下一页。 |
AutomaticPageChangeInterval |
int(5000) |
自动页面更改延迟，以毫秒为单位。 |
宽度 |
字符串 |
旋转木马的宽度。看到维了解更多细节。旋转木马呈现在< div >，因此它默认水平展开为100%。 |
高度 |
字符串 |
旋转木马的高度。默认情况下，根据设计，组件没有高度，也不会根据其内容展开。换句话说，如果不应用高度，旋转木马将为零像素高。 |
类 |
字符串 |
将在组件的主包装元素上呈现的CSS类。使用它来应用自定义样式或覆盖主题． |
旋转木马参考和方法
要执行Carousel方法，请通过@ref．
Carousel是一个通用组件。它的类型取决于它的模型的类型和它的类型价值．如果你不能提供价值或数据最初，你需要这样做将相应的类型设置为TItem而且TValue参数．
下表列出了Carousel方法。也可查阅旋转木马的API．
| 方法 | 描述 |
|---|---|
重新绑定 |
刷新组件数据． |
CarouselRef; }