文档半岛外围网上直营>>telerik中文文档>>图标
图标
立即下载Kendo UI for jQuery
Breadcrumb允许配置项目的图标和分隔符
根图标
根图标是第一个图标,即为home图标,可以通过items.icon配置进行更改图标配置,根图标也是可点击的,点击后将重置组件的值。
项目图标
在根图标之后为每个元素呈现的图标也是可点击的,可以通过items.icon进行配置。
分隔符图标
将Breadcrumb的条目分开的图标。
举例:
下面的示例演示如何配置不同的图标。
<nav id="breadcrumb"></nav>
<script>
$("#breadcrumb").kendoBreadcrumb({
items: [
{ type: "rootitem", href: "mysite.com", text: "Telerik UI", icon: "globe", showIcon: true, showText: true },
{ type: "item", href: "/navigation", text: "Navigation", icon: "cloud", showText: true, showIcon: false },
{ type: "item", href: "/breadcrumb", text: "Breadcrumb", showText: true },
],
delimiterIcon: "k-i-line"
});
</script>

QQ交谈
在线咨询

渝公网安备
50010702500608号

客服热线