Visual Studio 2019, Kendo 2020.1.219, Net Core 3.1
I am trying to use a tag template to display the number of items selected rather that displaying the selected items. The multiselect gets the data correctly but when I select an item in the list I get an error saying 'values' is undefined. If I remove values it says maxTotal is undefined. Any idea what I am doing wrong or missing?
@(Html.Kendo().MultiSelect()
.Name("SBN")
.DataTextField("Text")
.DataValueField("Value")
.Placeholder("Select SBN...")
.TagTemplateId("SBNTagTemplate")
.TagMode(MultiSelectTagMode.Multiple)
.AutoClose(false)
.DataSource(source =>
{
source.Read(read =>
{
read.Action("SBNMultiSelect_Read", "Report");
})
.ServerFiltering(true);
})
)
<script id="SBNTagTemplate" type="text/x-kendo-template">
#:values.length# out of #:maxTotal#
</script>
Head element from _Layout.cshtml:
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="~/js/site.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.1.219/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.1.219/js/jszip.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.1.219/js/kendo.all.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.1.219/js/kendo.aspnetmvc.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.common.min.css" />
<link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.rtl.min.css" />
<link rel="stylesheet" href="~/lib/kendo-ui/styles/kendo.bootstrap.min.css" />
<link href="~/css/site.css" rel="stylesheet" />
</head>