Currently, calling the ClientTemplate method of the Grid's ToolBar overrides any previously defined commands. 

It would be really useful to expose an option to use the Template component to define a custom command for the Grid's ToolBar, instead of having to rewrite the entire TollBar in the ClientTemplate configuration.

In the latest version (2023.2.718), the Column Menu in the Grid faild to open if you set the Groupable option to false.

To reproduce the issue simply change the line below in the Grid Overview Demo

.Groupable(g=>g.ShowFooter(false))

to the following:

.Groupable(false)

https://netcorerepl.telerik.com/cxkhGOvU52pBO4NK33

The error you get when clicking on the Column Menu is:

Uncaught TypeError: Cannot read properties of undefined (reading '_canDrag')
    at init._updateGroupColumns (kendo.all.js:321370:19)
    at init._open (kendo.all.js:321370:19)
    at init.trigger (kendo.all.js:321370:19)
    at init._trigger (kendo.all.js:321370:19)
    at init.open (kendo.all.js:321370:19)
    at init.toggle (kendo.all.js:321370:19)
    at init._click (kendo.all.js:321370:19)
    at HTMLAnchorElement.dispatch (jquery.min.js:3:12445)
    at r.handle (jquery.min.js:3:9174)

Bug report

Reproduction of the problem

1. Open the following dojo.
2. Open the filter menu for the "category" field.
3. Interact with the second DropDownList with the "-Select Value-" option label.

Current behavior

The second criterion DropDownList in the Filter Menu does not show records upon interaction:

Expected/desired behavior

The second criterion DropDownList in the Filter Menu should show records upon interaction:

Environment

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

Bug report

Tooltip produces inconsistent behavior upon hovering when the content is configured through the content client-side configuration.

Reproduction of the problem

1. Navigate to the Loading Content with AJAX or the Content Template demos.
2. Hover over the first element.
3. Hover over the second element and notice that the content is not shown.

Current behavior

For every second hover, the Tooltip does not display the element's content.

Expected/desired behavior

For every second hover, the Tooltip should display the element's content.

Environment

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

If I put the Grid into a kendo-template for the TileLayout control, the ClientTemplate does not work properly. It only gets called once regardless of the number of items in the grid and the data is not being passed in. 

This is my column definition:

columns.Bound(c => c.DocumentKey).Title(" ").ClientTemplate("#=CommandTemplate(data)#").Width(70);

And I am calling the .ToClientTemplate() on the Grid. Everything else work great except for this one issue.

I have not been able to find any other info, so what am I missing?

Bug report

Filtering a column bound to a complex object throws a JavaScript error.
This is a regression introduced with v 2023.1.117

Uncaught TypeError: Cannot convert undefined or null to object
    at Function.keys (<anonymous>)
    at x (kendo.all.js:313050:21)
    at init._createForm (kendo.all.js:313050:21)
    at init._init (kendo.all.js:313050:21)
    at init._click (kendo.all.js:313050:21)
    at HTMLAnchorElement.dispatch (jquery.min.js:3:12445)
    at r.handle (jquery.min.js:3:9174)

Reproduction of the problem

1. Run this REPL or this dojo
2. Click on the filter icon of the Category column

Current behavior

JavaScript error is thrown and the filter menu is not generated.

Expected/desired behavior

Filtering should work as expected.

Environment

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

Bug report

Reproduction of the problem

• Run the following Telerik REPL.
• Notice the logged error within the console.

Current behavior

Having a grid with a similar column setup will result in an error.

.Columns(columns =>
{
    columns.Bound(p => p.UnitsInStock).HtmlAttributes(new { @class = "#: UnitsInStock == 39 ? 'test' : 'a' #" });
})

Expected/desired behavior

Having a grid with a similar column setup should not result in an error.

.Columns(columns =>
{
    columns.Bound(p => p.UnitsInStock).HtmlAttributes(new { @class = "#: UnitsInStock == 39 ? 'test' : 'a' #" });
})

Environment

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

I have a model with configured Display and Required DataAnnotation.

However the TagHelper Grid doesn't serialize them because it is lacking a configuration property to bind to a Model like the HtmlHelper does:

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.CustomValidationProductViewModel>() 
        .Name("grid")      
        ...
 )

Can this capability be implemented for the TagHelper as well?

Expose the ability to specify an Edit Form Type mode for the Grid similar to the Telerik UI for ASP.NET AJAX control:

https://demos.telerik.com/aspnet-ajax/grid/examples/data-editing/edit-form-types/defaultcs.aspx

I have a grid where the editor button should not be with text so I added a class to the button like this:

@(Html.Kendo().Grid<...>()
      .Name("...")
      .Columns(columns =>
      {
         columns.Command(command => command.Edit()
                                           .Text(" ")
                                           .HtmlAttributes(new { @class = "grid-button-notext", title = "..." }));
      })
      .Editable(editable => editable.Mode(GridEditMode.PopUp)
                                    .TemplateName("..."))
)

but the HtmlAttributes are applied also to the two buttons on the popup editor

<div class="k-edit-buttons k-actions-end">
   <button type="button" class="k-grid-update grid-button-notext k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary" title="...">
     <span class="k-icon k-i-check k-button-icon"></span>
     <span class="k-button-text">Save</span>
   </button>
   <button type="button" class="k-grid-cancel grid-button-notext k-button k-button-md k-rounded-md k-button-solid k-button-solid-base" title="...">
      <span class="k-icon k-i-cancel k-button-icon"></span>
      <span class="k-button-text">Cancel</span>
   </button>
</div>

Expected behaviour:

the HtmlAttributes to be applied only to the grid button. And if needed to provide PopupButtonHtmlAttributes like you have for column: HtmlAttributes, HeaderAttributes, FooterAttributes

### Bug report

When the Grid Column Menu is set to "modern", the ButtonGroup "And"/"Or" in the Filter menu is not translated.

### Reproduction of the problem

1. Create a Grid and enable the ColumMenu with the type "modern".

2. Include the localization script "kendo.messages.de-CH.min.js" and the culture file "kendo.culture.de-CH.min.js".

3. Set the Kendo culture to "de-CH".

4. Open the ColumnMenu of a specified Grid column and then the Filter menu. The messages "And/Or" are not translated. The messages are translated as expected when using the default ColumnMenu.

A Dojo sample for reproduction: https://dojo.telerik.com/UpUmAlIW

### Expected/desired behavior

The Filter menu ButtonGroup should be translated when using the "modern" ColumnMenu.

### Environment

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

Bug report

New lines are not removed from the serialized Toolbar.ClientTemplate when multiline content is provided and the Grid is in a DetailTemplate, thus generating an invalid template and causing a Chrome Exception.

Reproduction of the problem

The following template configuration is valid and works for the parent grid, but not for child grids:

.ToolBar(toolbar => toolbar.ClientTemplate(@" 
            <div class='filter'>
                <span class='k-textbox k-display-flex auto-filter''>
                    <input id='search' autocomplete='off' class='k-input' placeholder='Search...' title='Search...' type='text'>
                    <span class='k-input-icon'><span class='k-icon k-i-search'></span></span>
                </span>
            </div>
        "))

REPL example

Current behavior

Invalid template is generated

Expected/desired behavior

A valid template should be generated

Environment

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

Expose configuration options for setting the options - Size, ThemeColor, FillMode and Rounded - of the Grid's command buttons and toolbar buttons, as possible for a simple Button component.

Adding a separate configuration for the Cancel command button would also be beneficial. For example:

    .Columns(columns => {   
        columns.Bound(p => p.ProductName);
        columns.Bound(p => p.UnitPrice).Width(140);
        columns.Bound(p => p.UnitsInStock).Width(140);
        columns.Bound(p => p.Discontinued).Width(100);
        columns.Command(command => command.Destroy().ThemeColor(ThemeColor.Error)).Width(150);
    })
    .ToolBar(toolbar => {
        toolbar.Create().ThemeColor(ThemeColor.Info).Size(ComponentSize.Large);
        toolbar.Save().ThemeColor(ThemeColor.Success);
        toolbar.Cancel().ThemeColor(ThemeColor.Warning);
    })