Hi,

            var listView = $("#ChatListView").data("kendoListView");
            var lastIndex = listView.dataSource.total() - 1;
            var lastItemOffsetTop = listView.items().eq(lastIndex).offset().top;
            var listViewHeight = listView.element.height();
            var scrollDistance = lastItemOffsetTop - listViewHeight + listView.items().eq(lastIndex).height();
            listView.element.scrollTop(scrollDistance);

Trying to setup Azure CI/CD w/ Telerik.UI.for.AspNet.Core.Trial and w/ a Docker Image.

I followed all the instructions provided in your documentation for including Telerik in a Docker image.

But I'm getting the following error in Azure, is the trial version not supported for a CI/CD pipeline?

Hi All

Right now Kendo Wizard only allows to move 1 step up or down. Do we have any way to make it all steps clickable. If I am on step 1 I can click on step 4 to see the content or click anyway to go to any step instead of only 1 +-

https://demos.telerik.com/aspnet-core/wizard/ajax

HI
I added the search with filter="FilterType.Contains" to the dropdowntree-editor control

Now if I select the parent checkbox, the children are no longer automatically selected.
How can I do?
Thank you

  <form-item field="Destinatari" col-span="1">
                                <item-label text="Destinatari (attivi con capacità espositiva):" optional="false" />
                            <dropdowntree-editor LoadOnDemand="false" name="dropdowntree_Destinatari" auto-close="false" dataspritecssclassfield="spriteCssClass" value-template-id="dropdowntree-value-template" template-id="dropdowntree-template"
                                                 datatextfield="text"
                                                 filter="FilterType.Contains"
                                                style="width: 100%" >
                                <hierarchical-datasource>
                                    <schema>
                                        <hierarchical-model id="id"></hierarchical-model>
                                    </schema>
                                    <transport>
                                            <read url="@Url.Action("Items_GetDestinatari", "FormCampagna")"  />
                                    </transport>
                                </hierarchical-datasource>
                                <checkboxes check-children="true"  enabled="true" />
                                </dropdown

I am trying to implement the Hierarchy with asp.net core razor grid. The child detail rows are not coming up. Can you please help me with this issue

@(Html.Kendo().Grid < Orders.Models.Case>
                                ().Name("grid")
                                //.Groupable()
                                .Sortable()
                                .Scrollable()
                                .Filterable()
                                 .ToolBar(t => t.Search())
                                 .Resizable(resize => resize.Columns(true))
                                //.ToolBar(x => x.Create())
                                .Columns(columns =>
                                {

                                    columns.Bound(column => column.EmpId).Stickable(true);
                                    columns.Bound(column => column.Name);
                                    columns.Bound(column => column.Type);

                                    //columns.Command(column =>
                                    //{
                                    //    column.Edit();
                                    //    column.Destroy();
                                    //}).Width(230);
                                })
                                .ToolBar(tools => tools.Excel()).Excel(excel => excel.FileName("cases.xlsx"))
                                .Excel(excel => excel.AllPages(true))
                                 .Reorderable(reorder => reorder.Rows(true).Columns(true))
                                .DataSource(ds => ds.Ajax()
                                .Read(r => r.Url("/Index?handler=Read").Data("forgeryToken"))
                                .ServerOperation(false)
                             
                                .PageSize(10)
                                )
                                .Pageable()
                                .Pageable(pageable => pageable.PageSizes(new int[] { 5, 10, 20, 100 }))
                                .ClientDetailTemplateId("template")
)

<script>
    function forgeryToken() {
        return kendo.antiForgeryTokens();
    }
</script>

With this example, it appears the filter on the OrderDate will only filter on the data that was loaded into the grid initially, correct?   In other words, could the OrderDate range be expanded to return more data ?  

https://demos.telerik.com/aspnet-mvc/grid/remote-data-binding

If one has several thousand rows to potentially pull in, we will likely need to:
- Set AutoBind to false
- Provide some parameter values to pass in via the Data method to limit the results.

I am getting an error "Sorry, the page you are looking for is currently unavailable." from your CDN loading css example:

https://kendo.cdn.telerik.com/2023.1.314/styles/kendo.bootstrap-v4.min.css

JavaScript works fine though:

https://kendo.cdn.telerik.com/2023.1.314/js/jquery.min.js

Is there a general rule of what cdn url to use?, I did put in a suggestion a while ago which got rejected would be handy if this was added:

    @{
        var version = typeof(Kendo.Mvc.KendoServices).Assembly.GetName().Version;
        string kendoCDN = $"//kendo.cdn.telerik.com/{version.Major}.{version.Minor}.{version.Build}";
    }
    <link href="@Url.Content(kendoCDN + "/styles/kendo.bootstrap-v4.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content(kendoCDN + "/styles/kendo.common-material.min.css")" rel="stylesheet" />
    <link href="@Url.Content(kendoCDN + "/styles/kendo.rtl.min.css")" rel="stylesheet" />
    <link href="@Url.Content(kendoCDN + "/styles/kendo.material.min.css")" rel="stylesheet" />
    <link href="@Url.Content(kendoCDN + "/styles/kendo.material.mobile.min.css")" rel="stylesheet" />


    <script src="@Url.Content(kendoCDN + "/js/jquery.min.js")"></script>
    <script src="@Url.Content(kendoCDN + "/js/jszip.min.js")"></script>
    <script src="@Url.Content(kendoCDN + "/js/kendo.all.min.js")"></script>
    <script src="@Url.Content(kendoCDN + "/js/kendo.aspnetmvc.min.js")"></script>
    <script src="@Url.Content(kendoCDN + "/js/kendo.timezones.min.js")"></script>

Chris

Hi,

I have a Kendo grid setup and I would like my controller's update action to assign a custom error to the ModelState and have that picked up on the client side. This is not an actual error, but more of a flag I can catch on the client side to initiate a redirect to another page (similar to the concept posted here: Redirect to another page after update in Kendo grid with inline edit in UI for ASP.NET MVC | Telerik Forums

My issue is that I cannot get the error handler to fire on the client side. Here is my controller action (I've reduced it down to just the error handling for simplicity):

[HttpPost]
 public JsonResult Status_Update([DataSourceRequest] DataSourceRequest request, [Bind(Prefix = "models")] IEnumerable<StatusViewModel> changedEntries)
 {
     ModelState.AddModelError("UserRedirect", "UserRedirect needed");
     var result = ModelState.ToDataSourceResult();
     return Json(result);
 }

Here is my grid setup:

@(Html.Kendo().Grid(Model)
            .Name("status-grid")
            .Columns(c =>
            {
              // snip column setup
            })
            .ToolBar(toolbar =>
            {
                toolbar.Custom().Text("Save changes and submit").HtmlAttributes(new { id = "saveButton" });
            })
            .Editable(editable => editable.Mode(GridEditMode.InCell))
            .Scrollable(s => s.Height(850))
            .Navigatable()
            .Events(events =>
            {
                events.Edit("onEdit");
                events.Navigate("onNavigate");
            })
            .DataSource(dataSource => dataSource
                .Ajax()
                .Batch(true)
                .ServerOperation(false)
                .Events(events => events.Error("onError"))
                .Model(model =>
                {
                    // snip model fields
                })
                .Update("Status_Update", "Status"))
            )

Finally, here is my error handler function:

<script type="text/javascript">
    function onError(e) {
        alert("Error handler fired");
    }
</script>

I feel like this is a pretty vanilla setup, so I'm not sure why it isn't working. I've tried quite a few variations and the error handler never executes. I have no errors in the console. Here is the JSON that is being received on the client side. Can anyone see anything I am doing wrong, or tell me a better way to redirect the user to another page after the AJAX Update action finishes running? Thanks!!

{errors: {ValidationRedirect: {errors: ["ValidationRedirect needed"]}}}
errors: {ValidationRedirect: {errors: ["ValidationRedirect needed"]}}
ValidationRedirect: {errors: ["ValidationRedirect needed"]}
errors: ["ValidationRedirect needed"]
0: "ValidationRedirect needed"

Hello,

The change event of the Grid not working in version 2022.3.1109

Not working when selectable set mode Single and type row.

.Selectable(selectable => selectable.Mode(GridSelectionMode.Single).Type(GridSelectionType.Row))

Thanks.