项目

该items配置允许您设置底部导航项目的特定属性，可以设置它们的文本（可选）和图标，为初始化组件时呈现的不同项目添加类，设置项目的选定和启用状态。

注意：设置items.url配置后，项目将呈现为<a>标签。否则，它们将被呈现为<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>