Need More Info
Last Updated: 20 Oct 2021 13:14 by John
Created by: John
Comments: 2
Category: Grid
Type: Bug Report
0

We set up a grid that auto-filters a name field to "does not contain" and the value it excludes is "[DEACTIVATED]".  This column is also filtering out records that have a null in them if this filter is set.  I had to change the datasource to return an empty string instead.

 

Unplanned
Last Updated: 15 Oct 2021 12:10 by ADMIN
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.
Unplanned
Last Updated: 14 Oct 2021 13:14 by John
Created by: Vikas
Comments: 1
Category: Grid
Type: Feature Request
0
Consider adding an option for the Grid's Search panel to search by text in a column's ClientTemplate.
Unplanned
Last Updated: 12 Oct 2021 11:14 by ADMIN

When using template and no DataSource is set Grid NoRecords message is not rendered.

 

Reproduction of the problem

Define a 'No Records' with template similar to the following article example: https://docs.telerik.com/aspnet-mvc/html-helpers/data-management/grid/templates/no-records

 

@(Html.Kendo().Grid<Grid_Template.Controllers.GridModel>()
    .Name("Grid1")
    .NoRecords(n => n.Template("string HTML template, not centered"))
)

Current behavior

The default message for missing record is displayed: No records available.
"autoBind":false is applied to serialization

 

Expected/desired behavior

The message from the template is displayed: "string HTML template, not centered"

Workaround:
Add .DataSource(d => d.Ajax()) to the Grid configuration

 

 

@(Html.Kendo().Grid<Grid_Template.Controllers.GridModel>()
    .Name("Grid1")
    .NoRecords(n => n.Template("string HTML template, not centered"))
        .DataSource(d => d.Ajax())

)

 

https://github.com/telerik/kendo-ui-core/issues/6598

 

 

Unplanned
Last Updated: 31 Aug 2021 07:05 by ADMIN

Bug report

Reported in: Ticket ID: 1524543. Reproducible in Chrome and Firefox. Not reproducible in Edge
Version 91.0.864.54.

Reproduction of the problem

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

  1. Hide half of the columns (uncheck them in the column menu -> Columns)
  2. Try to resize a column

Current behavior

On dragging the handle the column width automatically increases. Then if you try to decrease the width, you can't go past a certain width threshold.

Expected/desired behavior

The columns can be resized precisely, similarly to when their width is set in "px" instead of "%".

Environment

  • Kendo UI version: 2021.2.616
  • jQuery version: x.y
  • Browser: [Chrome 91, Firefox 89]
Unplanned
Last Updated: 20 Aug 2021 07:30 by ADMIN
Created by: John
Comments: 2
Category: Grid
Type: Feature Request
1

I would like to be able to create .bindBoolColumn. I do not want extend the column itself.  I already have extensions for that.

Something like this:

GridBoundColumnBuilder<TModel> BoundBoolean<TValue>(Expression<Func<TModel, TValue>> expression)
Sample:
public  GridBoundColumnBuilder<TModel> BoundBool<TValue>(Expression<Func<TModel, TValue>> expression)

{

     column = *place create column code here*;
     column.Width(90);
     column.clientTemplate("customtemplate");

}
This will allow us to create grids faster.

 

Unplanned
Last Updated: 18 Aug 2021 08:17 by ADMIN

Currently the ForeignKey column expects data to be loaded in it initially. This could be either local data or remote data.

For scenarios that involve using large data, it would be helpful if we can have more flexibility with the way data is loaded in the column's editor (e.g., DropDownList). For example, we want to use cascading ForeignKey editors. Once a selection is made in the first dropdown, the second cascades and is loaded with the respective data. This is not viable at the moment, because the data must be supplied to the ForeignKey column initially. If an empty collection is passed initially:

columns.ForeignKey(c => c.Field1, new List<SelectListItem>(), "Value", "Text").Width(100);

and the dropdown is then loaded with data after the Grid's Edit popup opens, the ForeignKey column will display the DataFieldValue as text, because no initial data has been provided.

An option to load data on demand would be a welcome performance enhancement.

Unplanned
Last Updated: 16 Aug 2021 12:20 by ADMIN
Created by: Kalinka
Comments: 0
Category: Grid
Type: Feature Request
0

The NumericTextBox renders two input elements. In a Grid inline editing scenario: https://demos.telerik.com/aspnet-mvc/grid/editing-inline  one of inputs of the NumericTextBox editor does not render a title and there is no label for the inputs. This causes an error for missing form element label in Html static analysis (Wave).

One way for this to be avoided could be using aria-labelledby attribute instead of title. The same aria-labelledby value will be assigned to both inputs pointing to a span or div that contains the input value. This way both inputs will have label and won't trigger the missing label error.

Unplanned
Last Updated: 12 Aug 2021 10:40 by Kalinka

Bug report

Reproduction of the problem

Reproducible in:
https://demos.telerik.com/aspnet-mvc/grid/editing-inline
and
https://demos.telerik.com/aspnet-core/grid/editing-inline

  1. Put a row in edit mode.
  2. Inspect the input in the ProductName column

Current behavior

The input does not have a title attribute or label.

Expected/desired behavior

The input should either have a title attribute, like in the Kendo UI for jQuery Grid, or since we use a TextBox component as editor in MVC and Core, a label should be rendered.

Environment

  • Kendo UI version: 2021.2.616
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 10 Aug 2021 09:23 by Krishnamoorthy
Created by: Krishnamoorthy
Comments: 0
Category: Grid
Type: Bug Report
0

Bug report

When .Navigatable() is enabled, the Grid renders an aria-describedby attribute in each td element. The value of the attribute should match the id value of the respective column header. This works for standard columns bound to fields in the data, but doesn't work for a selectable column:

columns.Select();

The selectable column header element (th) does not render an id. The td elements of that column render an aria-describedby attribute, the value of which does not match any element id. This causes an accessibility issue (Ticket ID: 1530928).

Reproduction of the problem

Reproducible with the MVC helper:

@(Html.Kendo().Grid<TelerikMvcApp1.Models.OrderViewModel>()
	.Name("grid")
	.Columns(columns =>
	{
		columns.Select();
		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()
	.Navigatable()
	.Scrollable()
	.HtmlAttributes(new { style = "height:550px;" })
	.DataSource(dataSource => dataSource
		.Ajax()
		.PageSize(20)
		.Read(read => read.Action("Orders_Read", "Grid"))
	)
)

Current behavior

The selectable column header element (th) does not render an id.

Expected/desired behavior

The selectable column header element (th) renders an id that matches the aria-describedby attribute value of the td elements in the column.

Environment

  • Kendo UI version: 2021.2.616
  • jQuery version: x.y
  • Browser: [all ]
Unplanned
Last Updated: 06 Aug 2021 09:14 by n/a

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: 03 Aug 2021 13:03 by ADMIN
Created by: Barnabas
Comments: 0
Category: Grid
Type: Feature Request
1
Implement a client-side API method that allows setting the SingleFileTemplate programmatically. This could be useful when initializing the FileManager in a Grid detail template. In such scenarios the FileManager's template must be set programmatically in the Grid's DetailInit event. However, the FileManager does not have a method for setting its template. The setOptions method does not work for setting a template (throws an exception).
Unplanned
Last Updated: 26 Jul 2021 17:12 by ADMIN
Enhance Filter Multi to support value and text and to allow server filtering. It would help avoid performance issues in scenarios that involve loading thousands or hundreds of thousands of records in the Filter.
Unplanned
Last Updated: 20 Jul 2021 10:43 by ADMIN

In the Kendo UI for jQuery Grid, fields that are not editable are displayed as text (no input elements) in the Grid's popup editor. The MVC Grid displays all fields that are present in the view model it is bound to in its popup editor.

Implement an option to configure the editable fields, so that the behavior of the MVC Grid matches that of its Kendo UI counterpart.

Unplanned
Last Updated: 14 Jul 2021 05:56 by ADMIN
Created by: Mohammed
Comments: 0
Category: Grid
Type: Feature Request
2
Improve the Grid's PDF export, so that locked columns can be properly exported.
Completed
Last Updated: 08 Jul 2021 11:03 by ADMIN
Release 2020.R3

Bug report

Exemplary configuration:

@(Html.Kendo().Grid<MyApp.Models.SampleTable>()
	.Name("grid")
	.ColumnMenu()
	.Scrollable(s => s.Enabled(true).Height("auto"))
	.DataSource(dataSource => dataSource
		.Ajax()
		.Model(model => model.Id(p => p.PrimaryKey))
		.Read(read => read.Action("Read", "Home")) 
		.Sort(sort => sort.Add("ColumnDate").Descending())
	)
	.Resizable(resize => resize.Columns(true))
	.Columns(columns =>
	{
		columns.Select().Width(60);
		columns.Group(group => group
			.HeaderTemplate(@<text><a class='k-link myHeaderTemplate' href=''>@ViewBag.MyHeaderTitle</a></text>)
			.Columns(c =>
			{
				c.Bound(x => x.Field1).Width("10%");
				c.Bound(x => x.Field2).Width("15%");
			})
    );
		columns.Bound(c => c.Field3)
			.Filterable(ftb => ftb.Operators(op => op.ForString(str => str.Clear().Contains("Contains"))));
		columns.Bound(c => c.Field4);
		columns.Bound(c => c.Field5).Hidden(true).Format("{0:dd-MM-yyyy hh:mm:ss tt}").Filterable(f => f.UI("dateFilter").Cell(cell=>cell.ShowOperators(false)));
		columns.Bound(c => c.Field5).HtmlAttributes(new {style="text-align:right" })
			.Filterable(f=> f.Cell(c=>c.Template("intFilter")))
			.HeaderHtmlAttributes(new { style="text-align:right" });
		columns.Bound(c => c.Field6).Filterable( f=>f.Cell(cell=>cell.ShowOperators(false).Operator("contains")));
		columns.Bound(c => c.Field7);
		columns.Bound(c => c.Field8);
	})
	.Filterable(ftb => ftb.Mode(GridFilterMode.Row))
	.PersistSelection()
    .Pageable(pager => pager
        .PageSizes(new int[] { 10, 20, 30 })
    ) 
    .Sortable()
    .Filterable()
    .Editable(e => e.Mode(GridEditMode.PopUp).DisplayDeleteConfirmation(false))
    .Excel(excel => excel
        .FileName("Export.xlsx")
        .Filterable(true)
        .ProxyURL(Url.Action("Excel_Export_Save", "Grid"))
    )
)

For a sample project, contact Ivan Danchev or Georgi Yankov.

Reproduction of the problem

If one of the columns (e.g. Field6) has a long header title calling the autoFitColumn and passing the column to it does not properly resize the column. The column remains narrow and its header text remains cut off.

Similarly, the method does not have the expected effect on columns with shorter text in the header, i.e. they remain wide instead of shrinking to the text length.

Current behavior

Incorrect column resizing.

Expected/desired behavior

Correct column resizing.

Environment

  • Kendo UI version: 2020.2.617
  • jQuery version: x.y
  • Browser: [all]
Unplanned
Last Updated: 02 Jul 2021 06:47 by ADMIN
Created by: Luan
Comments: 0
Category: Grid
Type: Feature Request
1
Add an event that fires when the Grid is configured for endless scrolling and data is loaded after the user scrolls the Grid. The DataBinding and DataBound events fire in this scenario, but their event data does not contain information on what operation triggered the events.
Completed
Last Updated: 01 Jul 2021 14:12 by ADMIN
We need to always display dates to the client in EST.  We do not store our dates in SQL server as UTC but instead in local EST by default (for a number of different reasons.   A simple option in the grid (and other controls for that matter) to ignore the automatic conversion process would be *Very* helpful.   I have seen lot's of posts in different sites asking for this option.  Thank you.
Unplanned
Last Updated: 30 Jun 2021 10:57 by ADMIN
Created by: Steven
Comments: 0
Category: Grid
Type: Feature Request
1

Implement an option to control the columns width in scenarios that involve resizing the browser window.

Currently, if you specify the width of all the columns, on resizing the browser window the columns automatically resize proportionally. A column property MaxWidth would be nice to have, since it would prevent columns from resizing beyond a specified width value.

Unplanned
Last Updated: 20 May 2021 14:34 by Sasa

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 4