Per the documentation for the Grid's Search Panel:

"When the server operations are enabled, you can search only by using string fields."

This is an oddly-specific limitation to have that causes an awkward user experience. Grids in some areas with limited data might use client operations and, as a result, the Search Panel is capable of searching all columns in a Grid. Other areas, however, might have grids with significantly more data and be using server operations for performance reasons. A side-effect of this would mean the Search Panel is incapable of filtering on non-string fields. This not only might lead to unexpected results to an end-user, but also requires the developer to explicitly list each string field that can be searched. If a developer forgets to list only string fields, the default action will be for it to attempt to filter on all fields. If any fields happen to not be strings, you still get a loading indicator as if it's attempting to filter, but the Ajax request silently fails and returns an error 500 behind the scenes.

There are some manual workarounds discussed here, as well as some information as to why this limitation exists. It seems like the problems causing these limitations are known, as are some rough workarounds to get around it. It would be great if we could get some official support to address this limitation so developers aren't left to either work around it on their own or avoid using this feature altogether. This feature would be great if it weren't for this limitation. A single place to quickly and easily type in something to filter on, and have that filter applied against all columns could definitely save some time and be very useful, but with this limitation with a pretty technical explanation (from an end-user perspective), the unexpected mixed results could instead lead to confusion and frustration, and distrust of this feature.

Bug report

We are trying to prevent users from dropping an image file from their computer directly onto the Editor with Firefox. When this happens the browser converts the image into a uri encoded version of the image. When we define a custom PasteCleanup function to handle this, the Editor will sometimes work as expected but other times it will throw an error when trying to execute the function. This seems to be random after each page load.

Reproduction of the problem

1. Open this Dojo with Firefox
2. Run the Dojo and drag and drop an image from your machine

Please note that the reproduction of the error is inconsistent. However the CustomPasteCleanUp doesn't prevent the addition of the image, nor does the prevention of the Drop event.

Screen capture of reproduction in ASP .NET Core.
Screen capture of reproduction in Dojo.
More information about issue and reproduction available in ticket: 1534730

Current behavior

An image file that is dragged and drop by the user to the Editor is always added to the widget.

Expected/desired behavior

The current behavior should be preventable and an error must not occur.

Environment

• Kendo UI version: 2021.2.616
• Browser: [ Chrome 93 | Firefox 92 ]

Hi Kendo Team,

I am working on Kendo UI ASP.NET Core Grid binding with SignalR. But while starting Hub and providing the Promise, I am facing an error "The "promise" option must be a Promise."

I am following this URL for reference: https://demos.telerik.com/aspnet-core/grid/signalr .

Checked on your website as well, but the issue is also coming there. Here is the URL: https://docs.telerik.com/kendo-ui/api/javascript/data/datasource/configuration/transport.signalr

In this link, when clicking on "Open In Dojo" button, it opens a new window, then clicks on the Run button. It will generate an error in the console "Uncaught Error: The "promise" option must be a Promise.". 

Please check the attached snapshot.

Please reply asap. Thanks in advance!

Hi

Would like to request to bind Treelist from Datatable with dynamic type

And Totreedatasocure to accomidate for dynamic datatable rather tha at row of static table.

Thank you

Hello,

I have a Gantt that only can have two levels. I guess drag&drop is the best and easiest way to do this (Is it a better solution like editing the order value directly in the TreeList area?)

I want to implement order change in the following way. 

1. If user changes parent task order, he has to drag that parent task (A) and drop on another parent task (B). This way, task A will take task B order value (Shall task B take task A order?). If user drops parent task A on any child task, no order change will happen.
2. Drag of any child task only will be valid in the same parent. I mean, dropping child task in any parent task or in other parent child task will do nothing.

Could you send me any example of this behaviour?

Regards!

Bug report

In Core when the ComboBoxFor helper is used as an editor in a Grid (Shared/EditorTemplates) and its Name is set, the Grid does not render and no exception is displayed, to indicate that the Name option should not be set.

Reproduction of the problem

Reproducible in the Editing custom editor Grid demo.

1. Set the ComboBox' Name in the ClientCategory.cshtml template

@(Html.Kendo().ComboBoxFor(m => m)
    .Name("CategoryID")
    .DataValueField("CategoryID")
    .DataTextField("CategoryName")
    .BindTo((System.Collections.IEnumerable)ViewData["categories"])
)

Current behavior

We throw an exception when the Name is set (e.g. if the ComboBox is used outside of a Grid), but in this scenario it is not displayed.

Expected/desired behavior

An exception is thrown and its message is displayed.

Environment

• Kendo UI version: 2019.2.619
• jQuery version: x.y
• Browser: [all]

Bug report

The OrderId field for the Gantt tasks cannot be defined in its datasource using the UI for ASP.NET Core wrappers.

*for more details, please refer to ticket #1461758

Reproduction of the problem

Create a UI for ASP.NET Core project and try to initialize the Gantt component with a datasource configured similar to the following:

Current behavior

The marked "OrderID" definition is not a valid one in UI for ASP.NET Core

Expected/desired behavior

The datasource configuration provided above(or similar) should be valid for the Gantt component. The OrderID should be configurable using the ASP.NET Core wrappers.

Environment

• Kendo UI version: 2020.1.406
• jQuery version: x.y
• Browser: [all]

Bug report

DateRangePicker close event does not catch range ent value

Reproduction of the problem
Run the following Dojo:

• https://dojo.telerik.com/ugAPotiQ

Select a range and check the browser console.

Expected/desired behavior
Close shall be reflected in the close event handler.

Environment
Kendo UI version: [ all ]
Browser: [ all ]

Steps to reproduce:

Open the ASP.NET Core ImageEditor Demo at https://demos.telerik.com/aspnet-core/imageeditor

1. Load a Portrait image (Width < Height)
2. Select the Crop tool
3. Click on Landscape
4. Select any aspect ratio, for example 16:9
5: Select "Original ratio" back again

Current Behavior:

The browser takes some time to respond and sometimes crashes. And each time, we get a stack overflow logged in the browser's Dev Tools - See picture below.

Please correct, it's starting to get a little annoying. The ImageEditor is quite buggy and not usable as is in production. Thanks for your comprehension.

Add support for hidden fields. There could be an alternative way of adding them to the Items collection, e.g.

.AddHidden()

Consider the cases when the hidden field is bound to a model field and when it isn't bound to the model. The latter could be a scenario involving antiForgeryTokens: 

<input type="hidden" name="__RequestVerificationToken" value="token" />

In both cases you should be able to set the value of the hidden field programmatically and submit it with the form.

Bug report

PanelBar's TagHelper item url property incorrectly loads content instead of redirecting in v. 2021.2.616

Reproduction of the problem

1. Create a project that uses Kendo version 2021.2.616
2. Initialize the following PanelBar with TagHelper:

    <kendo-panelbar name="panelbar1" class="k-scrollable" style="font-size:smaller" expand-mode="single">
        <items>
            <panelbar-item name="item1" text="First Item (/Index)" url="/Index" />
            <panelbar-item name="item1" text="Second Item (/Privacy)" url="/Privacy" />
            <panelbar-item name="item2" text="Third Item (Telerik demos)" url="https://demos.telerik.com/aspnet-core/"/>
        </items>
    </kendo-panelbar>

3. Compare with the PanelBar with HtmlHelper:

      @(Html.Kendo().PanelBar()
                  .Name("panelbar")
                  .ExpandMode(PanelBarExpandMode.Single)
                  .Items(panelbar =>
                  {
                      panelbar.Add().Text("First Item (/Index)").Url("/Index");
                      panelbar.Add().Text("Second Item (/Privacy)").Url("/Privacy");
                      panelbar.Add().Text("Third Item (Telerik demos)").Url("https://demos.telerik.com/aspnet-core/");
                  })
            )

Current behavior

The Url property of the TagHelper loads content instead of redirecting.

Expected/desired behavior

The Url property should redirect and not load content.

Environment

• Kendo UI version: 2021.2.616
• Browser: [all]

Bug report

When the FileManager is defined using TagHelpers the defined schema is not serialized

Reproduction of the problem

The following FileManager definition:

<kendo-filemanager name="filemanager" upload-url="@Url.Action("FileManagerUpload", "FileManager")">
    <filemanager-datasource>
        <transport>
            <read url="@Url.Action("FileManagerRead", "FileManager")" type="POST" />
            <create url="@Url.Action("FileManagerCreate", "FileManager")" type="POST" />
            <destroy url="@Url.Action("FileManagerDestroy", "FileManager")" type="POST" />
            <update url="@Url.Action("FileManagerUpdate", "FileManager")" type="POST" />
        </transport>
        <schema>
            <filemanager-model id="path" has-children="hasDirectories">
                <fields>
                    <field name="path" type="string" from="Path"></field>
                    <field name="name" type="string" from="Name"></field>
                    <field name="extension" type="string" from="Extension"></field>
                    <field name="created" type="date" from="Created"></field>
                    <field name="createdUtc" type="date" from="CreatedUtc"></field>
                    <field name="modified" type="date" from="Modified"></field>
                    <field name="modifiedUtc" type="date" from="ModifiedUtc"></field>
                    <field name="size" type="number" from="Size"></field>
                </fields>
            </filemanager-model>
        </schema>
    </filemanager-datasource>
    <toolbar>
        <items>
            <item name="createFolder" />
            <item name="upload" />
            <item name="sortDirection" />
            <item name="sortField" />
            <item name="changeView" />
            <item name="spacer" />
            <item name="details" />
            <item name="search" />
        </items>
    </toolbar>
</kendo-filemanager>

generates the following script, without a schema definition:

<script> 
  kendo.syncReady(function() {
    jQuery("#filemanager").kendoFileManager({
        "uploadUrl": "/FileManager/FileManagerUpload",
        "toolbar": {
            "items": [{
                "name": "createFolder"
            }, {
                "name": "upload"
            }, {
                "name": "sortDirection"
            }, {
                "name": "sortField"
            }, {
                "name": "changeView"
            }, {
                "name": "spacer"
            }, {
                "name": "details"
            }, {
                "name": "search"
            }]
        },
        "dataSource": {
            "schema": {
                "model": {
                    "id": "path",
                    "hasChildren": "hasDirectories"
                }
            },
            "transport": {
                "destroy": {
                    "type": "POST",
                    "url": "/FileManager/FileManagerDestroy"
                },
                "read": {
                    "type": "POST",
                    "url": "/FileManager/FileManagerRead"
                },
                "update": {
                    "type": "POST",
                    "url": "/FileManager/FileManagerUpdate"
                },
                "create": {
                    "type": "POST",
                    "url": "/FileManager/FileManagerCreate"
                }
            }
        }
    });
}); 
</script>

Expected/desired behavior

The FileManager DataSource schema should be serialized

Environment

• Kendo UI version: 2021.2.616
• Browser: [all]

Since support for cancellation token on user vote:

https://feedback.telerik.com/aspnet-core-ui/1357637-duplicate-kendo-mvc-extensions-support-for-cancellationtokens

https://feedback.telerik.com/aspnet-mvc/1357593-todatasourceresultasync-should-support-cancellation-token

was declined and is unplanned.

I would like to implement it by myself.

However most of methods used by code is private or internal, so extending current one is difficult to achieve without copying a lot of existing methods and marking them public. It would be good make them part of public api so implementing own extension to ToDataSourceResult and ToTreeDataSourceResult would be possible. Currently it is not.

Kind Regards

Marcin

### Bug report

The attributes set through the "HtmlAttributes", "ContentHtmlAttributes", and "LinkHtmlAttributes"methods are not applied to the TreeView items.

### Reproduction of the problem

1. Create a TreeView and set attributes by using the "HtmlAttributes", "ContentHtmlAttributes", "LinkHtmlAttributes"methods:

@(Html.Kendo().TreeView()
    .Name("treeview-kendo2")
    .Items(treeview =>
    {
        treeview.Add().Text("My Documents")
        .SpriteCssClasses("k-icon k-i-globe")
        .Expanded(true)
        .Url("/")
        .HtmlAttributes(new { @class = "fairydust1" })
        .ContentHtmlAttributes(new { data_navigate = "navigate_content", @class = "trigger", title = "content_title" })
        .LinkHtmlAttributes(new { data_navigate = "navigate_link", @class = "trigger", title = "content_link" });
    })
)

2. Run the page and inspect the TreeView item.

### Expected/desired behavior

The attributes are serialized and rendered.

### Environment

* **Kendo UI version: 2021.2.616
* **jQuery version: 1.12.4
* **Browser: [all]

Bug report

The PanelBar for Telerik UI for ASP.NET Core and the PanelBar for Telerik UI for ASP.NET MVC HTML helper behaves differently and renders different markup for the same configuration.

Reproduction of the problem

When the the following configuration is used

@(Html.Kendo().PanelBar()
                .Name("panelbar")
                .ExpandMode(PanelBarExpandMode.Multiple)
                .Items(panelbar =>
                {
                    panelbar.Add().Text("Index").Action("Index", "Home");
                    panelbar.Add().Text("Other Pages")
                        .Items(other =>
                        {
                            other.Add().Text("About").Action("About", "Home");
                            other.Add().Text("Contact").Action("Contact", "Home");
                        });
                })
    )

the following markup and initialization script are generated for Telerik UI for ASP.NET MVC:

<ul class="k-widget k-panelbar k-reset" id="panelbar">
   <li class="k-item k-state-default"><a class="k-link k-header" href="/">Index</a></li>
   <li aria-expanded="true" class="k-item k-state-active">
      <span class="k-link k-header">Other Pages<span class="k-icon k-panelbar-collapse k-i-arrow-60-up"></span></span>
      <ul aria-hidden="false" class="k-group">
         <li class="k-item k-state-default"><a class="k-link" href="/Home/About">About</a></li>
         <li class="k-item"><a class="k-link k-state-selected" href="/Home/Contact">Contact</a></li>
      </ul>
   </li>
</ul>
<script>
kendo.syncReady(function(){jQuery("#panelbar").kendoPanelBar({"expandMode":"multiple"});});

and for Telerik UI for ASP.NET Core

<ul class="k-widget k-panelbar k-reset k-header" id="panelbar" data-role="panelbar" tabindex="0" role="tree">
      <li class="k-item k-state-default k-first" role="treeitem"><a class="k-link k-header" href="/">Index</a></li>
      <li class="k-item k-state-default k-last" aria-expanded="false" role="treeitem">
         <span class="k-link k-header">Other Pages<span class="k-icon  k-panelbar-expand k-i-arrow-60-down"></span></span>
         <ul class="k-group k-panel" style="display:none" role="group" aria-hidden="true">
            <li class="k-item k-state-default k-first" role="treeitem"><a class="k-link" href="/Home/About">About</a></li>
            <li class="k-item k-state-default k-last" role="treeitem" aria-selected="true"><a class="k-link k-state-selected" href="/Home/Contact">Contact</a></li>
         </ul>
      </li>
   </ul>
   <script>kendo.syncReady(function(){jQuery("#panelbar").kendoPanelBar({"autoBind":true,"loadOnDemand":true,"expandMode":"multiple"});});</script>

Current behavior

Besides the different markup the component behaves differently - navigating to the Contact page with the above configuration results in the PanelBar for Telerik UI for ASP.NET MVC being expanded and the Contact Child item selected, but the the PanelBar for Telerik UI for ASP.NET Core is collapsed and the selected item is not visible.

Expected/desired behavior

The PanelBar should behave the same way in the Telerik UI for ASP.NET MVC and Telerik UI for ASP.NET Core suites.

Environment

• Kendo UI version: 2021.2.616
• Browser: [all]

The Kendo Form should include native ListBox editor support including joining and swapping items between two ListBox's using ConnectWith.

To use a ListBox in the Kendo Form currently requires a custom editor which is overly complex.

Kendo dialog structure doesn’t use Aria landmarks properly for buttons  - this leads to a validation error

The pager control's select box renders role="listitem" but the parent is missing role="list"  - this leads to a validation error

Listviews will render role="list" even when empty - this leads to a validation error

Kendo grids use 2 tables (one for header and one for the data) which means that there are no role="cell" assigned to any of the headers  - this leads to a validation error

Scrollable grids are missing a tabindex="0" to allow for keyboard navigation - this leads to a validation error

this form doesn't have Core 2, 2.1, 3.0, 3.1 or 5 in the .Net Framework drop down. Just gonna pick 4.8 even though it doesn't apply. I am using core 5.