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>
