Как я могу получить идентификатор от автозаполнения источника данных?

Question

У меня есть следующий код для автозаполнения, он загружает данные и фильтрует результат. Но когда элементы в списке выбраны или когда нажата кнопка «Отправить», я хочу перейти на страницу с подробностями как ... Продукт / Детали / id. Как я могу получить идентификатор из источника данных?

 <form id="Search" asp-action="Details" asp-controller="Product" method="post">
     @(Html.Kendo().AutoComplete()
                       .Name("Product")
                       .DataTextField("ProductName")                       
                       .Filter("contains")                  
                       .Template("#= ID# - #= ProductName #")                    
                       .DataSource(source =>
                        {
                        source
                            .Read(read =>
                            {
                            read.Action("Search", "Product")
                            .Data("onAdditionalData");
                            })
                        .ServerFiltering(false);
                       })
                )
 <button type="submit">Submit</button>
</form>

Answer 1

Попробуйте что-то вроде этого (не проверено):

$('#Product').data('kendoAutoComplete').on('change', function() {
    let selectedItem = this.dataItem();

    // Now you have all data on 'item' variable to use, e.g.:
    let id = selectedItem.id;
});

Поместите его между тегами <script></script> после кода, который вы опубликовали.