or
public class MyParentViewModel{ public IEnumerable<MyChildViewModel> Children { get; set; }}public class MyChildViewModel{ public String DummyString { get; set; } public Boolean? DummyBoolean { get; set; }}@model MyParentViewModel@( Html.Kendo().Grid(Model.Children) .Name("Children") .Deferred() .Columns(c => { c.Bound(x => x.DummyString); c.Bound(x => x.DummyBoolean); });)@model Boolean@( Html.Kendo().DropDownListFor(x => x) .Deferred() .Items(items => { items.Add().Selected(value == false).Text("Non").Value(Boolean.FalseString); items.Add().Selected(value == true).Text("Oui").Value(Boolean.TrueString); }) .HtmlAttributes(new { style = "width:100px; line-height:normal;" }))<div class="k-widget k-grid k-secondary" id="Groupements" data-role="grid"> <table role="grid"> <colgroup> <col style="width:20%"> <col> </colgroup> <thead class="k-grid-header"> <tr> <th class="k-header" data-field="DummyString" data-title="DummyString" scope="col"> <span class="k-link">DummyString</span> </th> <th class="k-header" data-field="DummyBoolean" data-title="DummyBoolean" scope="col"> <span class="k-link">DummyBoolean</span> </th> </tr> </thead> <tbody> <tr> <td>Groupement #1</td> <td> <input disabled="disabled" id="DummyBoolean" name="DummyBoolean" style="width:100px; line-height:normal;" type="text" value="True"> <script> jQuery(function () { jQuery("#DummyBoolean").kendoDropDownList({ "dataSource": [{ "Text": "Non", "Value": "False", "Selected": false }, { "Text": "Oui", "Value": "True", "Selected": true }], "dataTextField": "Text", "dataValueField": "Value" }); }); </script> </td> </tr> <tr class="k-alt"> <td>Groupement #2</td> <td> <input disabled="disabled" id="DummyBoolean" name="DummyBoolean" style="width:100px; line-height:normal;" type="text" value="True"> <script> jQuery(function () { jQuery("#DummyBoolean").kendoDropDownList({ "dataSource": [{ "Text": "Non", "Value": "False", "Selected": false }, { "Text": "Oui", "Value": "True", "Selected": true }], "dataTextField": "Text", "dataValueField": "Value" }); }); </script> </td> </tr> </tbody> </table></div><div class="AbsenceGrid"> @(Html.Kendo().Scheduler<AbsenceViewModel>() .Name("employeeScheduler") .Date(DateTime.Now) .Height(600) .Views(views => views.MonthView()) .Editable(e => e.TemplateName("AbsenceEditor")) .Resources(res => { res.Add(r => r.AuthorisedById) .Title("Authorised By") .DataTextField("Name") .DataValueField("EmployeeId") .DataSource(d =>d.Read(r => r.Action("AuthorisedByRead", "Schedule"))); }) .DataSource(d => d .Model(m => m.Id(f => f.EmployeeAbsenceId)) .Read(r => r.Action("EmployeesAbsencesRead", "Schedule")) .Create(c => c.Action("EmployeesAbsencesCreate", "Schedule")) .Destroy("Destroy", "Schedule") .Update("Update", "Schedule") ) )</div>@model Employees.Web.Models.AbsenceViewModel@Html.HiddenFor(x => x.EmployeeAbsenceId)<div class="editor-label"> @Html.LabelFor(x => x.Title)</div><div class="editor-field"> @Html.EditorFor(x => x.Title)</div><br /><div class="editor-label"> @Html.LabelFor(x => x.Start)</div><div class="editor-field"> @Html.EditorFor(x => x.Start)</div><br/><div class="editor-label"> @Html.LabelFor(x => x.End)</div><div class="editor-field"> @Html.EditorFor(x => x.End)</div><br /><div class="editor-label"> @Html.LabelFor(x => x.IsAllDay)</div><div class="editor-field"> @Html.EditorFor(x => x.IsAllDay)</div><br /><div class="editor-label"> @Html.LabelFor(x => x.Description)</div><div class="editor-field"> @Html.EditorFor(x => x.Description)</div><br /><br>function GridFilterChange(svalue, sgridName, sColumnName) {<br> <b> var grid = $(sgridName).data("kendoGrid");</b><br> if (svalue) {<br> grid.dataSource.filter({ field: sColumnName, operator: "contains", value: svalue });<br> } else {<br> grid.dataSource.filter({});<br> }<br>}@(Html.Kendo().Grid(Model).Name("ConnectionManagementSystems").Columns(c => { c.@(Html.Kendo().Grid<ConnectionManagement.Models.ConnectionManagement2Model></ConnectionManagement.Models.ConnectionManagement2Model><script> $(document).ready(function () { $("#connectionManagementSystems").kendoGrid(); });</script> <div id="connectionManagementSystems"> <table> <tr> <th> @Html.DisplayNameFor(model => model.SiteAddress) </th> <th> @Html.DisplayNameFor(model => model.SiteAddressCity) </th> <th> @Html.DisplayNameFor(model => model.SiteAddressState) </th> <th> @Html.DisplayNameFor(model => model.SiteAddressZipCode) </th> <th> @Html.DisplayNameFor(model => model.SiteId) </th> <th> @Html.DisplayNameFor(model => model.SiteName) </th> <th> @Html.DisplayNameFor(model => model.SystemId) </th> <th> @Html.DisplayNameFor(model => model.SystemType) </th> <th></th> </tr> @foreach (var item in Model) { <tr> <td> @Html.DisplayFor(modelItem => item.SiteAddress) </td> <td> @Html.DisplayFor(modelItem => item.SiteAddressCity) </td> <td> @Html.DisplayFor(modelItem => item.SiteAddressState) </td> <td> @Html.DisplayFor(modelItem => item.SiteAddressZipCode) </td> <td> @Html.DisplayFor(modelItem => item.SiteId) </td> <td> @Html.DisplayFor(modelItem => item.SiteName) </td> <td> @Html.DisplayFor(modelItem => item.SystemId) </td> <td> @Html.DisplayFor(modelItem => item.SystemType) </td> <td> @Html.ActionLink("Edit", "Edit", new { /* id=item.PrimaryKey */ }) | @Html.ActionLink("Details", "Details", new { /* id=item.PrimaryKey */ }) | @Html.ActionLink("Delete", "Delete", new { /* id=item.PrimaryKey */ }) </td> </tr> } </table> </div>