I want to display a dropdown in asp .net core Kendo Grid. In CarsViewModel I already have the values which needs to be displayed in dropdown so I do not need to do an ajax call to get dropdown values. I just want to call my partial which should render dropdown.
Here is my code for grid.
@model CarsViewModel
<div>
@(
Html.Kendo().Grid<CarRowViewModel>(Model.Car)
.Name("car-grid")
.Columns(columns =>
{
//Columns
columns.Template(
$"<partial name="_Model" model="#= @item #" />"
).Title("Model Number").Width(200);
})
.Scrollable(s => s.Enabled(true).Height("auto"))
.Sortable()
.Filterable()
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Pageable(p => p.PageSizes(true))
.ToolBar(toolbar =>
{
toolbar.Excel();
toolbar.Search();
})
.Excel(excel =>
{
excel.FileName($"{Model.Cars}.xlsx");
excel.AllPages(true);
}))
</div>
Here is my partial view which I am calling.
@model CarRowViewModel
<select asp-for="SelectedModelNumber" asp-items="@Model.CarModelNumber"
class="form-select" id="modeNumbers" title="Decision">
<option selected disabled hidden>----- Select -----</option>
</select>
When I run this code it does not display a dropdown for Model Number column. How do i render my partial view dropdown in kendo grid and get it to bind?