I have the code

We have this grid column filter.   But you have to click Filter for it to do the filtering and the menu closes.

I would prefer for this to filter as you type letters and not close the window.

What options do I have?

This is partial view:

@model DMDPace.DataAccess.DomainModels.Department

@(Html.Kendo().DropDownListFor(m => m)
    .DataTextField("Name")
    .DataValueField("Id")
    .DataSource(source =>
    {
        source.Read(read =>
        {
            read.Action("GetDepartments", "Home");
        });
    })
    )

That's how I reference it:

<div><partial model="@Model.Department" name="Selectors/Department"/></div>

Using the ASP.NET Core Scheduler Component, I am trying to implement a CustomView. However, the link below doesn't contain any concrete example.

https://docs.telerik.com/aspnet-core/html-helpers/scheduling/scheduler/views#custom-views

Thanks.

Hello i was just curious if there is any difference between html validation vs tag helper validation.? I am using the basic template that kendo provides to create a new project and i have observed the differences that by default html helper project provides validation but tags option doesn't create validation .Am i missing anything?

How do you change the backcolor of the box where the checkmark is made?  This is not the control backcolor, but the color inside the checkbox.

In this link it is called RadCheckMark checkPrimitive (1.1) https://docs.telerik.com/devtools/winforms/controls/buttons/checkbox/structure

I can't find any property that controls that checkPrimitive back color.

I  Created a simple  employee auto complete inside a grid i have the following code 

in grid

@(Html.Kendo().Grid<DI_IPMS_KENDO.Models.AdminViewModel>()
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound(p => p.EmployeeName).EditorTemplateName("AdminEmp");
        columns.Bound(p => p.Team).Width(100);
        columns.Bound(p => p.Notification).Width(100);
        columns.Bound(p => p.Approval).Width(100);
        columns.Command(command => { command.Edit(); command.Destroy(); }).Width(200);
    })
    .ToolBar(toolbar => toolbar.Create())
    .Editable(editable => editable.Mode(GridEditMode.InLine))
    .Pageable()
    .Sortable()
    .Scrollable()
    .HtmlAttributes(new { style = "height:430px;" })
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
        .Events(events => events.Error("error_handler"))
        .Model(model => model.Id(p => p.AdminInfoID))
        .Create(update => update.Action("Admin_Create", "Home"))
        .Read(read => read.Action("Admin_Read", "Home"))
        .Update(update => update.Action("Admin_Update", "Home"))
        .Destroy(update => update.Action("Admin_Destroy", "Home"))
    )
)

editor template has 

@model string;

<script src="https://cdn.kendostatic.com/2023.2.606/js/jquery.min.js"></script>

<script>



    function onAdditionalData(e) {


            return {

                Empltext: e.filter.filters[0].value

            }


        }




</script>
<div>
    @(Html.Kendo().AutoComplete()
      .Name("EmployeeName")
        .Filter("startswith")
        .MinLength(4)
        .Placeholder("Search for Employee")
        .DataTextField("FullName")             
        .HtmlAttributes(new { style = "width:50%" })
        .DataSource(source =>
        {
            source
            .Read(read =>
            {
                read.Action("EmpSearchData", "Home")
            .Data("onAdditionalData");
            })
            .ServerFiltering(true);
        })
        )


</div>

The problem is autoserach works great when i serach but when i click on  'x' clear then it hangs :(. What  am i doing wrong

I have a grid child template that consists of a data source and several charts referencing that data source. It is a mystery to me how you are supposed to reference the 'data' context in different scenarios.

After much trial and error I got the url and filter value on the data source to resolve successfully.

But with these nothing seems to work...

The 'name' attribute on kendo-datasource just renders literally as 'ds-${data.DeviceId}'

Same with the 'datasource-id' attributes on the charts.

<grid-detail-template>
    <kendo-datasource name="ds-${data.DeviceId}" type="DataSourceTagHelperType.Ajax" server-filtering="true" is-in-client-template="true">
        <transport>
            <read url="@Html.Raw("/Devices/Diagnostics/${data.DeviceId}?handler=Read")" type="post" data="forgeryToken" />
        </transport>
        <filters>
            <datasource-filter logic="and">
                <filters>
                    <datasource-filter field="DeviceId" operator="eq" value="@("${data.DeviceId}")"></datasource-filter>
                    <datasource-filter field="LogDate" operator="gt" value="@DateTime.Today.AddMonths(-1)"></datasource-filter>
                </filters>
            </datasource-filter>
        </filters>
        <schema>
            <model>
                <fields>
                    <field name="DeviceId" type="number" />
                    <field name="LogDate" type="date" />
                </fields>
            </model>
       </schema>
</kendo-datasource>
<kendo-chart name="memChart" theme="Bootstrap" datasource-id="ds-${data.DeviceId}">
</kendo-chart>

In the latest release, 23.1.4, a Date time picker with the DateInput option set fails to be initialized with a jQuery error "s is not a constructor".

This occurs in my code and when using the example from the demo pages https://demos.telerik.com/aspnet-core/datepicker/basic-usage

TagHelper:

<kendo-datepicker name="monthpicker" date-input="true" format="MMMM yyyy" value="DateTime.Now" start="CalendarView.Year" depth="CalendarView.Year" name="monthpicker" style="width: 100%" title="monthpicker">
        </kendo-datepicker>

HtmlHelper:

@(Html.Kendo().DatePicker()
              .Name("monthpicker")
              .Start(CalendarView.Year)
              .Depth(CalendarView.Year)
              .Format("MMMM yyyy")
              .Value("November 2011")
              .DateInput()
              .HtmlAttributes(new { style = "width: 100%", title = "monthpicker" })
        )
 
Both of the above fail to be initialized with the same error.  JQuery version 3.3.1 is being used in this case.
Gordon