Unplanned
Last Updated: 15 Sep 2023 08:21 by FranckSix
Created by: FranckSix
Comments: 0
Category: Grid
Type: Bug Report
1

Bug report

Reproduction of the problem

Have a Grid bound to local data (see below code snippets and screenshot)

@model Pager_issue.Models.GridViewModel

@(Html.Kendo().Grid(Model.Items)
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound(p => p.OrderID).Filterable(false);
        columns.Bound(p => p.Freight);
        columns.Bound(p => p.OrderDate).Format("{0:MM/dd/yyyy}");
        columns.Bound(p => p.ShipName);
        columns.Bound(p => p.ShipCity);
    })
    .Pageable(p => p.PageSizes(new[] { "5", "10", "50", "all" }).PreviousNext(false))
    .Sortable()
    .Scrollable()
    .Filterable()
    .HtmlAttributes(new { style = "height:550px;" })
    .DataSource(dataSource => dataSource
        .Ajax()
        .Batch(true)
        .ServerOperation(false)
    )
)
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            var model = new GridViewModel
            {
                Items = Enumerable.Range(0, 200).Select(i => new OrderViewModel
                {
                    OrderID = i,
                    Freight = i * 10,
                    OrderDate = DateTime.Now.AddDays(i),
                    ShipName = "ShipName " + i,
                    ShipCity = "ShipCity " + i
                })
            };

            return View(model);
        }

no pager

Current behavior

When filling the Grid with data via a ViewModel, the pager doesn't show on load

Expected/desired behavior

The pager should be visible on load

Environment

  • Kendo UI version: 2023.2.829
  • Browser: [all]
Completed
Last Updated: 28 Aug 2023 10:28 by ADMIN
Created by: Nina
Comments: 0
Category: Grid
Type: Bug Report
0

Bug report

Not reproducible with the UI for ASP.NET Core Grid helper.

Reproduction of the problem

  1. Set the Total option of the DataSource in a Grid:
.DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(15)
    .Read(read => read.Action("Orders_Read", "Grid"))
    .Total(50)
)
  1. Compare the rendering of the pager "next page" and "last page" buttons with the Total option set and without it.

Current behavior

The "next page" and "last page" buttons in the Grid's pager are rendered as anchor Html elements, when Total is set in the DataSource. When it is not set, the buttons are rendered as button Html elements.

Expected/desired behavior

The rendering of the pager buttons should be consistent and they should render as button Html elements.

Environment

  • Kendo UI version: 2023.1.425
  • jQuery version: x.y
  • Browser: [all]
Completed
Last Updated: 12 Jul 2023 10:47 by ADMIN
Release R3.2023-Increment.1(19.July.2023)
Created by: John
Comments: 2
Category: Grid
Type: Bug Report
8

Bug report

When the Grid is set initially with a sort operation, the icon for the column will show twice in a UI for ASP.NET MVC web application.

Reproduction of the problem

Using the Kendo UI Grid template, add the sorting configuration to the dataSource:

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.OrderViewModel>()    
    .Name("grid")
    .Columns(columns => {
        columns.Bound(p => p.OrderID).Filterable(false).Width(200);
        columns.Bound(p => p.Freight).Width(100);
        columns.Bound(p => p.OrderDate).Format("{0:MM/dd/yyyy}").Width(140);
        columns.Bound(p => p.ShipName);
        columns.Bound(p => p.ShipCity).Width(150);
    })
    .Pageable()
    .Sortable()
    .Scrollable()
    .Filterable()
    .HtmlAttributes(new { style = "height:430px;" })
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(20)
        .Read(read => read.Action("Orders_Read", "Grid"))
        .Sort(s => s.Add("OrderID").Descending()))  //Added Predefined Sort
)

Current behavior

image

Expected/desired behavior

The icon should only appear once for the sorted column.

Environment

  • Kendo UI version: 2023.1.425
  • jQuery version: All Supported Versions
  • Browser: all
Unplanned
Last Updated: 30 Jun 2023 18:20 by Michael
Created by: Michael
Comments: 0
Category: Grid
Type: Bug Report
2

Bug report

When a UI for ASP.NET MVC Grid contains a PDF or Excel button within the Toolbar, the IconClass is being ignored.

Reproduction of the problem

.ToolBar(t => t.Excel().Text("Export to Excel").IconClass("icon here"))

Current behavior

image

Expected/desired behavior

The specific icon should be added based on the IconClass.

Environment

  • Kendo UI version: 2023.2.606
  • jQuery version: All Supported Versions
  • Browser: All
Completed
Last Updated: 13 Jun 2023 14:06 by ADMIN
Release R2.2023-Increment.3(7.June.2023)

### Bug report

The Grid columns do not expose the ClientTemplateHandler() method. It is available in Telerik UI for ASP.NET Core since version 2023.1.314.

### Reproduction of the problem

columns.Bound(p => p.IsAlwaysIncluded).ClientTemplateHandler("myColTemplate");

<script>
function myColTemplate(data) {
  return `<div>${data.IsAlwaysIncluded}</div>`
}
</script>

### Expected/desired behavior

The ClientTemplateHandler() method must be exposed for the Grid columns.

### Environment

Telerik UI for ASP.NET MVC version: 2023.1.425
* **Browser: [all]

Unplanned
Last Updated: 08 May 2023 14:52 by Dejan

Bug report

The attributes handler overload does not get executed when the column is initially marked as hidden.

Reproduction of the problem

  1. Open the following dojo.
  2. Change the hidden property of the ContactTitle field to true.

Current behavior

The attributes handler is not executed when the column is hidden.

Expected/desired behavior

The attributes handler should be executed when the column is hidden.

Environment

  • Kendo UI version: 2023.1.425
  • Browser: [all]
Completed
Last Updated: 19 Apr 2023 12:01 by ADMIN
Release R2.2023-Increment.2(26.Apr.2023)

Bug report

Regression in R1 2023 SP1.

Reproduction of the problem

Set a HeaderTemplate in one of the following 3 ways.

columns.Bound(p => p.Freight).HeaderTemplate("<div title='Freight'>Freight</div>");
columns.Bound(p => p.Freight).HeaderTemplate(@<text>
<div title="Freight">Freight</div>
</text>);
columns.Bound(p => p.Freight).HeaderTemplate(@<div title="Freight">Freight</div>);

Current behavior

In the first scenario the error is:
System.NotSupportedException: Specified method is not supported. 

In the second and third scenario the error is:
Index was out of range. Must be non-negative and less than the size of the collection.
Parameter name: index

Expected/desired behavior

No exception thrown when the HeaderTemplate is set.

Environment

  • Kendo UI version: 2023.1.314
  • jQuery version: x.y
  • Browser: [all]
Completed
Last Updated: 27 Mar 2023 15:08 by ADMIN
Release R2.2023-Increment.2(26.Apr.2023)

Bug report

Reproduction of the problem

https://demos.telerik.com/aspnet-mvc/grid/persist-state

  1. Add a search panel to the Grid: .ToolBar(t => t.Search())
  2. Save its state and then load the saved state

Current behavior

The search panel disappears from the Grid's toolbar.

Expected/desired behavior

The search panel is present in the Grid's toolbar.

Environment

  • Kendo UI version: 2021.2.616
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 08 Feb 2023 12:02 by GORAN

Bug report

When the scrollable option is disabled, on resizing the browser window by making it more narrow, at certain point the columns stop resizing and the whole table goes out of the right border of the Grid. Reproducible with the SASS and LESS themes.

Reproduction of the problem

Dojo example: https://dojo.telerik.com/ItIrEzEY/3

  1. Either resize the right pane or use Fullscreen and resize the browser window and make it narrower.

Current behavior

The table goes out of wrapping element (.k-grid).

Expected/desired behavior

The columns resize and the table remains within the borders of the Grid.

Environment

  • Kendo UI version: 2023.1.117
  • jQuery version: x.y
  • Browser: [all]
Declined
Last Updated: 02 Feb 2023 22:10 by Josh
Scheduled for 2022.3

Describe the bug
Column headers do not resize properly in IE11 when scrollable is set to false. Regression introduced in 2021.3.914.

To reproduce
Steps to reproduce the behavior:

  1. Go to https://demos.telerik.com/kendo-ui/grid/selection-export?autoRun=true&theme=bootstrap-main

The column headers are squished to the left side.

Expected behavior
Columns headers must have the same width as the respective columns.

Workaround:

.k-ie .k-grid-header {
  display: table-header-group;
}

Affected package (please remove the unneeded items)

  • theme-default
  • theme-bootstrap
  • theme-material

Affected suites (please remove the unneeded items)

  • Kendo UI for jQuery

Affected browsers (please remove the unneeded items)

  • IE version: 11

Build system information (please remove the unneeded items)

  • Not Applicable
Completed
Last Updated: 19 Jan 2023 13:12 by ADMIN
Created by: Manu
Comments: 1
Category: Grid
Type: Bug Report
1

Hello,

since I updated Telerik UI for ASP.net MVC from version 2019.1.220 to 2019.2.514, the paging part of the grid doesn't display as expected in IE11 with compatibility with IE9  (<meta http-equiv="x-ua-compatible" content="IE=9">)

If I remove the compatibility with IE9, it's ok, but I need it to support older computer.  

version 2019.1.220: 

version 2019.2.514:

 

 Is there a solution to display it correctly?

Thank you very much and best regards.

 

Emmanuel Tharin

Declined
Last Updated: 19 Jan 2023 13:05 by ADMIN

Bug report
Error is thrown when using Kendo HTML Editor Control in Kendo Grid Popup EditorTemplate in IE only

Reproduction of the problem
Place Kendo editor in Grid popup template
   @(Html.Kendo().Grid<TelerikMvcApp2.Models.Person>().Name("persons")
    .DataSource(dataSource => dataSource
        .Ajax()
        .Model(model => model.Id(m => m.PersonID))
            .Read(read => read.Action("GetPersons", "Home"))
            .Update(up => up.Action("UpdatePerson", "Home"))
    )

    .Columns(columns =>
    {
        columns.Bound(c => c.PersonID).Width(200);
        columns.Bound(c => c.Name);
        columns.Bound(c => c.BirthDate).Format("{0:g}");
        columns.Command(cmd => cmd.Edit());
    })

    .Pageable()
    .Sortable()
    .Editable(ed => ed.Mode(GridEditMode.PopUp).TemplateName("Person"))
)
Person.cshtml
            @(Html.Kendo().EditorFor(model => model.Text))

1. Run and open in IE

2. Click edit, make a change in the popup and Save

2. Click again on Edit


https://www.screencast.com/t/kZFZ9hZNEp

Expected/desired behavior
No error is thrown


Environment
Kendo UI version: 2020.3.118

Completed
Last Updated: 06 Jan 2023 15:37 by ADMIN
Release R1.2023-Increment.3(18.Jan.2023)

Bug report

Reproduction of the problem

Reproducible in the demos: https://demos.telerik.com/aspnet-mvc/grid/persist-state

  1. Inspect the rendering of the "Contact Name" header in the MVC and Kendo UI for jQuery demos.

Current behavior

The difference in the rendering is shown below. In the Kendo UI Grid's Html, there is a span with class "k-cell-inner" that wraps the ".k-link" span, whereas in the MVC Grid, only an anchor is rendered.

Kendo UI:

<th scope="col" role="columnheader" data-field="ContactName" aria-haspopup="true" rowspan="1" data-title="Contact Name" aria-label="Contact Name Press ctrl + space to group" data-index="0" id="a44eadd9-62c6-4154-9735-4351a9cb5064" class="k-header k-filterable" data-role="columnsorter" style="touch-action: none;">
  <span class="k-cell-inner">
    <span class="k-link">
      <span class="k-column-title">Contact Name</span>
    </span>
    <a class="k-header-column-menu" href="#" title="Contact Name edit column settings" aria-label="Contact Name edit column settings" tabindex="-1">
      <span class="k-icon k-i-more-vertical"></span>
    </a>
  </span>
</th>

MVC:

<th class="k-header k-filterable" data-field="ContactName" data-index="0" data-title="Contact Name" id="f28afe50-210a-474d-9943-113f6bd4ad15" scope="col" data-role="columnsorter" style="touch-action: none;">
  <a class="k-link" href="/aspnet-mvc/grid/persiststate_customers_read?grid-sort=ContactName-asc">Contact Name</a>
  <a class="k-header-column-menu" href="#" title="Contact Name edit column settings" aria-label="Contact Name edit column settings" tabindex="-1">
    <span class="k-icon k-i-more-vertical"></span>
  </a>
</th>

Expected/desired behavior

Identical rendering.

Environment

  • Kendo UI version: 2022.2.802
  • jQuery version: x.y
  • Browser: [all ]
Unplanned
Last Updated: 15 Nov 2022 12:40 by William Wittsche
Created by: William Wittsche
Comments: 0
Category: Grid
Type: Bug Report
3

Bug report

Dragging a row from a Grid to another empty Grid is not working.

Reproduction of the problem

  1. Open the following dojo:
    https://dojo.telerik.com/EGIyemen
  2. Try to drag a row to the empty Grid

Current behavior

The row is not inserted in the empty Grid

Expected/desired behavior

The row should be inserted in the empty Grid.

Environment

  • Kendo UI version: 2022.3.1109
  • Browser: [all]
Completed
Last Updated: 24 Oct 2022 11:47 by ADMIN
Release R1.2023-Increment.1(09.Nov.2022)

Bug report

Reproduction of the problem

  1. Set up a Grid to use server binding
  2. Add a custom command:
columns.Command(command => command.Custom("View Email"))
	.Title("Body")
	.Width(150);

Current behavior

When the Grid is configured to use server binding, it will render an anchor element. If remote binding is used, the Grid will correctly render a button element.

Expected/desired behavior

Consistency in the rendering. A button element should be rendered, regardless of using server or remote binding.

Environment

  • Kendo UI version: 2022.3.913
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 18 Aug 2022 07:39 by Thanuja

Bug report

When the Grid AutoBind() configuration is set to false, the Grid is rendering an empty cell in the row element with class .k-no-data. (Image.png)

Reproduction of the problem

Set AutoBind configuration of Telerik UI for Asp.Net MVC Grid to 'false'. The Grid is rendered correctly except for the empty row and the empty cell in the table body.

Current behavior

An empty row with one empty cell is rendered.

Expected/desired behavior

The tbody element should be empty.

Environment

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

Image

Unplanned
Last Updated: 18 Jul 2022 05:02 by Curt

Bug report

Reproduction of the problem

Dojo example: https://dojo.telerik.com/InUYAheR/4
Drag and drop a row from Grid2 to Grid1 by following the steps below:

  1. Click and hold down the mouse button within a Grid2 row, just before its ID value or a little after it.
  2. Drag the row to Grid1 and drop it over row 3 or row 4.

Current behavior

Grid1's first row values get updated, instead of the drop target row values. This is because e.target in the DropTarget's "drop" event does not return the actual target you drop over.
If you click and drag in the middle of the Grid2 row, drag it and drop it over a row in Grid1, the drag and drop functionality works as expected: e.target returns the correct target.

Expected/desired behavior

e.target should consistently return the target you drop over, regardless of where in the dragged row you have clicked.

Environment

  • Kendo UI version: 2022.2.621
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 09 Jun 2022 17:01 by Brandon
Created by: Brandon
Comments: 0
Category: Grid
Type: Bug Report
0

Hi Team,

Bug Report

The Kendo UI Grid's toolbar with a template is not persisted when the Grid is loaded using setOptions. 

Reproduction of the problem

With a toolbar containing a template with server tags, the toolbar content will disappear.

Expected Behavior

The Grid should retain the toolbar with the HTML contained when using setOptions.

Environment

Kendo UI version: 2022.2.510
jQuery version:
all
Browser: all

Thanks!

Completed
Last Updated: 02 Jun 2022 08:16 by ADMIN
Release 2022.R2.SP.next
Created by: John
Comments: 9
Category: Grid
Type: Bug Report
1
When you use grid.setOptions in jquery to apply custom settings to a grid, the refresh button in the bottom right corner of the grid gets the class on it changed.  It starts out as k-i-refresh but after applying a layout, it is changed to the alternate class for the same icon:  k-i-reload.  This broke a bunch of filters we had that were submitting by clicking the refresh button.
Completed
Last Updated: 31 May 2022 08:22 by ADMIN

Bug report

In the Less themes the textboxes and the other editors (e.g., NumericTextBox) in the popup of the Grid are misaligned. The rendering of the textboxes in the MVC and Core Grid is different when compared to the Kendo UI for jQuery Grid.

Reproduction of the problem

Reproducible in the Popup Editing demos (Core and MVC).

  1. Click the "Edit" button in a random row.
  2. Inspect the Product Name Textbox in the browser

Current behavior

The width of the TextBox does not match the width of the NumericTextBox.

The rendering differs:

<span class="k-widget k-textbox k-valid" style=""><input data-val="true" data-val-required="The Product name field is required." id="ProductName" name="ProductName" value="" data-role="textbox" aria-disabled="false" class="k-input k-valid" autocomplete="off" data-bind="value:ProductName" style="width: 100%;"></span>

vs

<input type="text" id="ProductName" name="ProductName" title="Product Name" required="required" autocomplete="off" data-bind="value:ProductName" class="k-textbox k-valid">

Expected/desired behavior

Identical rendering and alignment.

Environment

  • Kendo UI version: 2021.2.511
  • jQuery version: x.y
  • Browser: [all]
1 2 3