文檔金喜正規買球>>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>