文檔首頁>>telerik中文文檔>>圖標(biāo)
圖標(biāo)
立即下載Kendo UI for jQuery
Breadcrumb允許配置項目的圖標(biāo)和分隔符
根圖標(biāo)
根圖標(biāo)是第一個圖標(biāo),即為home圖標(biāo),可以通過items.icon配置進(jìn)行更改圖標(biāo)配置,根圖標(biāo)也是可點擊的,點擊后將重置組件的值。
項目圖標(biāo)
在根圖標(biāo)之后為每個元素呈現(xiàn)的圖標(biāo)也是可點擊的,可以通過items.icon進(jìn)行配置。
分隔符圖標(biāo)
將Breadcrumb的條目分開的圖標(biāo)。
舉例:
下面的示例演示如何配置不同的圖標(biāo)。
<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>