Completed
Last Updated: 10 Mar 2020 14:31 by mathieu
Created by: mathieu
Comments: 5
Category: Grid
Type: Bug Report
0

Hi, 

 

There is a bug on the kendo grid when you have inline editing and a filter applied

So what's happening is that when you apply a filter and then click on "add new record" it doesn't show the new record, even worst it actually add the new empty record in the datasource, so you see new empty line when you remove the filter ....

it's really easy to demonstrate, i make you a dojo : https://dojo.telerik.com/EJIhohuf

this dojo is actually the editing inline demo (https://demos.telerik.com/kendo-ui/grid/editing-inline) with just the filtering enabled like so :

filterable: {
        mode: "row"
    }

to reproduce :

- apply any kind of filtering

- try to add a new record

- here you see nothing is happening, we expect to see a new empty line to add a new record (also the beforeEdit event is not fired but not sure this is a bug)

- remove the filtering

- you can see the empty lines (if click 5 times on add new record you get 5 empty lines)

 

Best regards,

you have a great product hope you can improve it even more 

Completed
Last Updated: 13 Jan 2020 09:21 by ADMIN
Release R1 2020

Bug report

Regression introduced in R3 2019 SP1. Reproducible with the LESS themes.

Reproduction of the problem

Dojo example.

  1. Open a column filter menu and click on one of the dropdowns in it.

Current behavior

All of the text in the filter menu gets selected.

Expected/desired behavior

No text selection.

Environment

  • Kendo UI version: 2019.3.1023
  • jQuery version: x.y
  • Browser: [Chrome 77 | Firefox 69 ]
Completed
Last Updated: 13 Jan 2020 09:22 by ADMIN
Release R1 2020

When using the Nova theme locked command columns are not styled correctly.   
In the following dojo one command column is locked and not styled while another command column is not locked but styled correctly.
https://dojo.telerik.com/eWECAZEw

Here's the code in case the dojo doesn't work:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.common.min.css">
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.rtl.min.css">
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.nova.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.mobile.all.min.css">

    <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.2.619/js/kendo.all.min.js"></script>
</head>
<body>
  
<div id="grid"></div>
<script>
  var dataSource = new kendo.data.DataSource({
    data: [
      { category: "category 1", subCategory: "sub. category 1", name: "product 1", val: 1 },
      { category: "category 1", subCategory: "sub. category 1", name: "product 2", val: 1 },
      { category: "category 1", subCategory: "sub. category 1", name: "product 3", val: 1 },
      { category: "category 1", subCategory: "sub. category 1", name: "product 4", val: 1 },
      { category: "category 1", subCategory: "sub. category 2", name: "product 5", val: 1 },
      { category: "category 1", subCategory: "sub. category 2", name: "product 6", val: 1 },
      { category: "category 1", subCategory: "sub. category 2", name: "product 7", val: 1 },
      { category: "category 1", subCategory: "sub. category 2", name: "product 8", val: 1 },
      { category: "category 1", subCategory: "sub. category 3", name: "product 9", val: 1 },
      { category: "category 1", subCategory: "sub. category 3", name: "product 10", val: 1 },
      { category: "category 1", subCategory: "sub. category 3", name: "product 11", val: 1 },
      { category: "category 1", subCategory: "sub. category 3", name: "product 12", val: 1 },
    ]
  });
  
$("#grid").kendoGrid({
  columns: [
    { command: "edit", locked: true, width: 150 }, // <<-- columns is locked
    { field: "category", locked: true, width: 150 }, // <<-- columns is locked
    { command: "edit", width: 150 },
    { field: "subCategory", width: 200 },
    { field: "name", width: 500 }
  ],
  dataSource: dataSource,
  scrollable: true,
  selectable: "row"
});
</script>
</body>
</html>
Completed
Last Updated: 27 Dec 2019 13:37 by ADMIN
Created by: JEAN CHARLES
Comments: 3
Category: Grid
Type: Bug Report
1

When clicking on CheckBox to select a line, the widget check other checkbox (on other column of the same line) inserted from column template.

I suppose that the selector that the system use is too large.

 

For information, i created a template for boolean column based on how kendo generate checkbox structure (just de be coherent)

 

See the code extracted from https://dojo.telerik.com/EqiPIkiV

 

 var checkBoxtemplate = function(boolValue){
   	var checkedStr = '';
    if (boolValue) {
    	checkedStr = 'checked="checked"';
    }

        
    return '<input class="k-checkbox" data-role="checkbox" ' + checkedStr + ' type="checkbox"><label class="k-checkbox-label k-no-text smi-checkbox-fordisplay"></label>';
 };
  
$("#grid").kendoGrid({
  columns: [
    {
      selectable: true, 
      width: '30px'
    },
    { field: "name" },
    { field: "age" },
    { field: "administator", 
      template: function (dataItem) { 
        return checkBoxtemplate(dataItem.administator); 
      }  
    }
  ],
  dataSource: [
    { name: "Jane Doe", age: 30, administator: false },
    { name: "John Doe", age: 33, administator: false },
    { name: "BigBoss Doe", age: 70, administator: true }
  ],
  selectable: true
});

Completed
Last Updated: 27 Dec 2019 13:46 by ADMIN
Whether you try to resize a "grouping column" (a column without an associated field) or a "data column" (the lowest level column - one with a data-index), resizeColumn does not work. The grid gets messed up. Sometimes the wrong column gets resized, sometimes columns just disappear. 
Completed
Last Updated: 27 Dec 2019 13:38 by ADMIN

After the kendoGrid is created, the headerAttributes field (of every column) has a id value (generated by Kendo) of some random GUID - but this GUID is nowhere to be found in the entire HTML.

So, there is no way to link a Kendo column object to an HTML (th) element.

 

Completed
Last Updated: 23 May 2019 05:50 by ADMIN
Release 2019.R2.SP.Next

The issue is reproducible when the grid consists only from Multi-header columns, the setDataSource() method has been used and one of the columns is initially hidden.

After setting the new data source, the last header gets hidden. The "display: none;" style has been applied to the "th" HTML element.

Steps to reproduce:

1. Create a grid with multi-header columns only.

2. Hide one column initially.

3. Set a new data source via the setDataSource() method.

4. The last column gets hidden.

Sample Dojo:

https://dojo.telerik.com/AcipENOt

Kendo UI version: 2019.1.220


Completed
Last Updated: 13 Mar 2020 08:26 by ADMIN

Hello Support Team,

with jQuery 3.3.1 the resizable option set to true is not working with the configuration in the example below. When removing other options like "toolbar" or "scrollable" it works. :D 

See the following example: https://dojo.telerik.com/IkigawaX

With jQuery 1.x everything works fine.

Regards

Alexander

Completed
Last Updated: 13 Mar 2020 08:28 by ADMIN
Created by: Christian
Comments: 1
Category: Grid
Type: Bug Report
0

The autofix column feature does not work properly if you enable sorting on the grid. You can see the issue if you open the Dojo for the following demo: https://docs.telerik.com/kendo-ui/knowledge-base/grid-autofit-all-columns-width

If you sort e.g. by column "Ship Country" and sort ascending you will see the name of the column ending with "..." but not the icon for the sort direction. If you press the column again and sort descending than everything works as expected - the column width increases and the icon is show.

I tested the problem in multiple browsers, but the main browser I have to support will be the IE.

BR,
Christian 

Completed
Last Updated: 13 Mar 2020 08:29 by ADMIN

The following event-handler does not work when run in a mobile environment (iPad). Otherwise it works as expected:

Result: all columns a set to their minimum width.

 

    var grid = $("#grid").kendoGrid({
        dataSource: dataSource,
        columns: [

// ...       
],

        columnShow: function (event) {

            console.time('autoFitColumn');
            for (var i = 0; i < this.columns.length; i++) {

                var col = this.columns[i];
                             this.autoFitColumn(i);
            }
            console.timeEnd('autoFitColumn');
        },
      // ...
        filterable: true,
        sortable: {
            mode: "multiple",
            allowUnsort: true
        },
        pageable: true,
        reorderable: true,
        scrollable: true,
        columnMenu: true,
        mobile: true,
    }); 
Completed
Last Updated: 26 Feb 2019 08:31 by ADMIN

Link to GitHub issue - https://github.com/telerik/kendo-ui-core/issues/4705

### Reproduction of the problem:

1. Run this dojo
2. Collapse one or more of the subCategory groups
3. Collapse the category Group
4. Expand Category


### Current behavior

The aggregate rows are missing and the locked and unlocked content is misaligned

### Expected/desired behavior

Rows should be aligned