I want to create MVVM Kendo Grid where it is grouped in multiple levels and also want a nested grid or a hierarchical grid for each parent's grid row i.e. each k-master-row . In the ScreenShot Is it possible to create a Nested/ Child / Hierarchical Grid for each row? If yes, Can someone please provide me with sample demo.
I didn't find any documentation or helpful resource?
Parent Grid:
Grouped by Field 1
Grouped By Field 2
Row1
Nested / Child Grid with child Grid Columns For ROW1
Row2
Nested / Child Grid with child Grid Columns For ROW 2
I am using Kendo for Asp.Net MVC in my application. Recently I upgraded to version 2021.2.616 After that the treelist stopped showing data. Only "No records available." is shown(see attached pic)
@(Html.Kendo().TreeList<Models.CategoryModel>()
.Name("treelist")
.HtmlAttributes(new { id = "itemtreelist" })
.Toolbar(toolbar =>
{
toolbar.Custom().Click("AddNewCategory_click").Text("Add New Item Category").Name("addNewCategory");
}
})
.Columns(columns =>
{
columns.Add().Field(e => e.Name).Width(200).Filterable(filterable => filterable.Ui("itemNameFilter"));
columns.Add().Field(e => e.Description).Width(300);
columns.Add().Field(e => e.IsActive).Template(
"#if(IsActive == true){#" +
Html.Kendo().CheckBox().Name("name#:IsActive#").HtmlAttributes(new { @class = "IsActive" }).Checked(true).ToHtmlString()
+"#}else{#" +
Html.Kendo().CheckBox().Name("name#:IsActive#").HtmlAttributes(new { @class = "IsActive" }).Checked(false).ToHtmlString()
+ "#}#"
).Width(75).Filterable(false) ;
columns.Add().Field(e => e.ImagePath).Title("Image").Filterable(false).Template(
"#if(ImagePath == null){#" +
"No Image"
+ "#}else{#" +
"<img src='#=ImagePath#' alt='#=Name#' Title='#=Name #' style='height:50px;' />"
+ "#}#"
);
columns.Add().Command(c =>
{
c.Custom().Click("EditCategory_click").Text("Edit").Name("editCategory");
}).Width(125);
columns.Add().Command(c =>
{
c.Destroy();
}).Width(125);
})
.Editable(e=>e.Mode("Inline"))
.Height(200)
.Filterable(filterable => filterable
.Extra(false))
.Sortable()
.DataSource(dataSource => dataSource
.Read(read => read.Action("GetItemCategories", "Category"))
.Create(c => c.Action("CreateItemCategory", "Category"))
.Update(c => c.Action("UpdateItemCategory", "Category"))
.Destroy(c => c.Action("DestroyItemCategory", "Category"))
.Model(m => {
m.Id(f => f.Id);
m.ParentId(f => f.ParentCategoryId);
m.Expanded(true);
m.Field(f => f.Name);
m.Field(f => f.Description);
m.Field(f => f.IsActive);
})
)
.Height(600)
)
Few Notes:
1. There are no console errors
2. The data is coming from the server correctly. I checked and verified in developer console
3. Everything was working before upgrade (previously used 2019.x.xxx)
4. this is the part of the code (in action method) that returns the data for the treelist
IEnumerable<CategoryModel> result = ... linq query here ...;
return Json(result.ToTreeDataSourceResult(request,
e => e.Id,
e => e.ParentCategoryId,
e => e
));Hello,
I have created wrapper for tekerik grid in c# MVC code.
Now I want to add checkbox/image in header instead of plain text.
I have found one property named "Telerik.Web.Mvc.UI.GridColumnSettings.HeaderTemplate" but it is of type delegate Action.
I do not have idea how to set the header template and finally checkbox/image.
Kindly suggest.
Thanks & Regards
Nitin kumar

HI,
I am using Telerik Spreadsheet in my web page. I have given column headers and enabled filtering and sorting. I filtered a column by its value and applied it for two or more times with different values. Then I tried to undo it using ctrl + z. But then the data got disappeared like it has filtered with no value. When I opened the filter box, I noticed that all the values are unchecked. So I tried to check all the values and apply, but nothing is happening.
I also noticed the filter option getting removed from the header when I click the clear button and then undoing ctrl + z.
I have verified the same behavior in the Telerik demo. I have attached the screenshots of the demo in which I checked.
Is there any workaround or any overriding possible?

The column headers are not horizontally scrolling with the data and I need to fix it so it does. This is what I have to capture data from a .NET data table:
@if (Model != null)
Hi there,
I am using Kendo UI for ASP.NET MVC.
I am interested in using the Drawer as a side menu, but I can't seem to find a way to have it expanded by default when the page loads. Is this possible?

Hi
I am building a scheduler edit dialog partialview, and in it i have 2 radio buttons. One of them has the .checked(true) parameter and yet its not checked, and when i check one of them with the mouse, the "The Type field is required" validation error tooltip shows up, and will not... f... go away without using the browser's console to add display:none; to it. (not a solution).
Searching for "remove validation tooltip" gives me nothing, and i have limited time to perfect this project.
My ISchedulerEvent model has an Enum called Type, and the creation of the radio button is done like this:
@(Html.Kendo().RadioButtonFor(x => x.Type).Name("caed_eventType_medical").Value(1).Label("Faglig").Checked(true).HtmlAttributes(new { onchange = "caed_RadioButtonChangeEvent(1);", @class = "caed_radioBtn", name = "caed_eventType_radio", data_bind = "value:type" }))
@(Html.Kendo().RadioButtonFor(x => x.Type).Name("caed_eventType_private").Value(2).Label("Privat").Checked(false).HtmlAttributes(new { onchange = "caed_RadioButtonChangeEvent(2);", @class = "caed_radioBtn", name = "caed_eventType_radio", data_bind = "value:type" }))
can someone please help?

Hi
I am trying to create a vertical grouping based on the data from our db.
The usecase is to show a continuous event spanning whatever start and end time, for each Room (the duplicate is a db issue so nevermind that). So i dont want the time rows, and would like to remove them permanently.
I attached some screenshot of what i want it to look like (ish), also done with telerik schedule, but in WPF.
And an image of what my attempt looks like in mvc.
Heres my mvc razor code:
@model IList<WebStaffScreen.Models.TaskViewModel>
@using Kendo.Mvc.UI
@(Html.Kendo().Scheduler<WebStaffScreen.Models.TaskViewModel>()
.Name("booking_scheduler")
.DateHeaderTemplate("<span class='k-link k-nav-day'>#= kendo.toString(date, 'dd-MM-yyyy') #</span>")
.Date(DateTime.Now)
.StartTime(DateTime.Now)
.CurrentTimeMarker(false)
.AllDaySlot(true)
.Views(v => {
v.WeekView(x => x.Selected(true));
v.TimelineView();
})
.Timezone("Etc/UTC")
.Group(g => g.Resources("Rooms").Orientation(SchedulerGroupOrientation.Vertical))
.Resources(r => r.Add(m => m.RoomID)
.Title("Room")
.Name("Rooms")
.DataTextField("RoomName")
.DataValueField("RoomID")
.DataColorField("AppointmentColor")
.BindTo(Model)
.DataSource(d => { d.Custom().Transport(t => t.Read(x => x.Action("GetRoomsInResidence", "Booking"))).Schema(s => s.Model(m => { m.Id("RoomID"); m.Field("RoomName", typeof(string)); })); })
)
.DataSource(d => d
.Model(m => {
m.Id(f => f.TaskID);
m.Field(f => f.Title).Editable(false);
m.Field(f => f.Start).Editable(false);
m.Field(f => f.End).Editable(false);
})
.Read("Read", "Booking")
.Create("Create", "Booking")
.Update("Update", "Booking")
.Destroy("Destroy", "Booking")
)
)The data finally comes out and it creates the rows (except for the colors), and adds them to the correct resource group's all day row.. But all the rows with time needs to go away, because its simply not needed for this particular scheduler view.
Can you please help?
Schedule works correctly in Opera and Edge browsers, but behaves inappropriately in Google Chrome.
Follow images of behavior.
var tipo = ViewData["Tipo"];
@(Html.Kendo().Scheduler<AgendamentoWeb.Models.Scheduler.MeetingViewModel>()
.Name("scheduler")
.MajorTimeHeaderTemplate("<span>#=kendo.toString()#</span>")
.DateHeaderTemplate("<span>#=kendo.toString(date, 'dd - MMM')#</span>")
.MajorTick(1440)
.Height(600)
.Selectable(true) //ADD 15/05/2019
.EventTemplateId("event-template")
.Editable(false)
.Views(views =>
{
views.TimelineView(t =>
{
t.Title("Dia");
t.ColumnWidth(50);
t.EventHeight(10);
});
views.TimelineWeekView(t =>
{
t.Title("Semana");
t.ColumnWidth(50);
t.EventHeight(10);
});
views.TimelineMonthView(timeline =>
{
timeline.ColumnWidth(70);
timeline.Title("Mês");
timeline.EventHeight(10);
timeline.Selected(true); //ADD 15/05/2019
});
views.CustomView("kendo.ui.SchedulerTimelineYearView", mv =>
{
mv.Title("Ano");
//mv.Selected(true); //ADD 15/05/2019
});
})
.Timezone("Etc/UTC")
.Group(group => group.Resources("Attendees").Orientation(SchedulerGroupOrientation.Vertical))
.Resources(resource =>
{
resource.Add(m => m.Attendees)
.Title("Attendees")
.Name("Attendees")
.DataTextField("Nome")
.DataValueField("PessoaID")
.DataColorField("CorAtividadeAtiva")
.Multiple(true)
.DataSource(s => s.Read(read => { read.Action("ListaPessoasAgendamento", "Scheduler", new { Tipo = tipo }); }));
})
.DataSource(d => d.Model(m =>
{
m.Field(f => f.RoomID);
m.RecurrenceId(f => f.RecurrenceID);
})
.Read("Timeline_Read", "Scheduler")
))
