項(xiàng)目

該items配置允許您設(shè)置底部導(dǎo)航項(xiàng)目的特定屬性，可以設(shè)置它們的文本（可選）和圖標(biāo)，為初始化組件時(shí)呈現(xiàn)的不同項(xiàng)目添加類，設(shè)置項(xiàng)目的選定和啟用狀態(tài)。

注意：設(shè)置items.url配置后，項(xiàng)目將呈現(xiàn)為<a>標(biāo)簽。否則，它們將被呈現(xiàn)為<span>標(biāo)簽。

以下示例演示了BottomNavigation 組件的項(xiàng)目配置的可能選項(xiàng)：

<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>