項目

該items配置允許您設置底部導航項目的特定屬性，可以設置它們的文本（可選）和圖標，為初始化組件時呈現的不同項目添加類，設置項目的選定和啟用狀態。

注意：設置items.url配置后，項目將呈現為<a&gt;標簽。否則，它們將被呈現為<span>標簽。

以下示例演示了BottomNavigation 組件的項目配置的可能選項：

<nav id="bottomNavigation"></nav>

<script>
$(document).ready(function () {
var itemTemplate = '<span class="k-bottom-nav-item-icon k-icon k-i-calendar-date"></span>';
$("#bottomNavigation").kendoBottomNavigation({
items: [
{ data: { view: "home" }, url: "#home", icon: "home", enabled:false, cssClass: "custom-css-class", text: "<strong>Home</strong>", encoded:false },
{ data: { view: "calendar" }, url: "#calendar", template: itemTemplate, cssClass: "custom-css-class", text: "<emp>Calendar</emp>", encoded:false },
{ data: { view: "profile" }, url: "#profile", icon: "user", cssClass: "custom-css-class", text: "Profile", selected: true }
]
});
})
</script>