The dropdowns should provide an easy way to have certain items in the list as inactive. The easiest way could be an attribute. In addition to [textField] and [valueField] an [inactiveField] could be added.

If the assigned data field is a boolean the item in the list can be either enabled or disabled.

Reason for this request is, that those value lists often are dynamic, meaning that an item in the list could be superseded by a new one. But the existing records in the database still could reference the older item, but new records should be prevented from selecting the new item.

When both virtual scrolling and grouping are enabled via the kendoGridGroupBinding directive, and the Grid is navigable, focus is trapped in the header row when down or up arrow is pressed:

https://stackblitz.com/edit/angular-icxejq?file=app/app.component.ts

1. Focus any content cell

2. Press up/down - focus goes to the header cell of the respective column and is trapped in the header row

On a feedback portal search and paging is not working.

Open feedback portal and enter search criteria with more then five item. example

When you want to view result for second page, search is not preserved (it is empty).

The example does not work:

https://www.telerik.com/kendo-angular-ui/components/tooltip/how-to/show-grid-cells-content/

I want to filter the scheduler data but I had to add the OwnerId property to the node package interface in order to be able to do so... yet the sample data provided in the examples does include the ownerId, so im guessing all that needs to be done is to add it to the interface.

Hi,

When opening a dialog with DialogService from an Observable (e.g. in order to initialize dialog with data from a http request) and ChangeDetectionStrategy.OnPush, the dialog is messed up. With ChangeDetectionStrategy.Default everything works fine.

For reproduction have a look to this StackBlitz: https://angular-9vmvyv.stackblitz.io

Regards,
Holger

It would be nice to be able to organize the content of dropdown list in categories, link car models organized by brand or cities organized by state or country.

Modeled after the Kendo UI widget counterpart:

http://www.telerik.com/kendo-ui/editor

Scrolling like this : http://legacy.datatables.net/release-datatables/examples/basic_init/scroll_y_infinite.html

Say you have 100.000+ rows of data.
With classic or virtual scrolling, you allow your user to go to the last page very easily. It ends up with huge skip parameter, and disastrous load times from the DB.

You don't want users to be able to run queries which are at the same time useless and very time-consuming server-side.

What you really want is for your user to be able to browse a bit of the data with fast queries, and if he wants something else, he should filter data.

Infinite scrolling gives him just that feeling.

I requested help in the Forum for an example of using JSDO in a Service under Angular for my grid.component.ts

https://www.telerik.com/forums/angular-7-kendo-grid-using-jsdo-service-component

Svetlin stated thet "Indeed, currently we do not have an example dedicated on the use of CRUD operations with JSDO. If you have the time, please submit a new feature request in our UserVoice portal, which will help us to evaluate the demand for such example and implement it in the future. "

Please look into building some sample source for an Angular / JSDO Service component.

Thanks

The component feature set will be based on what the jQuery Scheduler widget offers:

http://www.telerik.com/kendo-ui/scheduler

Similar to the DialogService, adding a toaster module / service to show short message on the screen. As hint, look at the ng2-toastr node module.

It would be great if grid component has option to filter date and numeric columns by range.

Similar to the context menu in the jQuery suite - http://demos.telerik.com/kendo-ui/menu/context-menu

Make charts scrollable like how Google Charts implementing it: 
https://developers.google.com/chart/interactive/docs/gallery/controls#chartrangefilter

At current, if one wants to, (for example), highlight the entirety of a row, the natural choice would be to associate a background color with that row.  However, currently, this is not possible.  The closest we can come is to conditionally associate a given color with a div that happens to live in that cell, e.g.: 

<kendo-grid [data]="gridData" [height]="410">
            <kendo-grid-column field="ProductID" title="ID" width="40">
            </kendo-grid-column>
            <kendo-grid-column field="ProductName" title="Name" width="250">
            </kendo-grid-column>
            <kendo-grid-column field="Category.CategoryName" title="Category">
            </kendo-grid-column>
            <kendo-grid-column field="UnitPrice" title="Price" width="80">
              <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
               <div [class.myClass2]="dataItem.UnitPrice >= 20">{{dataItem.UnitPrice}}</div>
              </ng-template>
            </kendo-grid-column>
            <kendo-grid-column field="UnitsInStock" title="In stock" width="80">
            </kendo-grid-column>
            <kendo-grid-column field="Discontinued" title="Discontinued" width="120">
                <ng-template kendoGridCellTemplate let-dataItem>
                    <input type="checkbox" [checked]="dataItem.Discontinued" disabled/>
                </ng-template>
            </kendo-grid-column>
        </kendo-grid>

(where the class.myClass2 is defined as follows):

styles: [`
    .k-grid td {
      position: relative;
    }
      .myClass2 {
        background-color: rgba(255, 0, 0, 0.5);
        color: white;
        padding: 8px 12px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
      }
    `]

But this doesn't reliably highlight a predictable amount of the cell, especially across browsers.

Thanks for your consideration,
  Jeff

Not being able to have multiple series with their own y-axes on the same chart is a dealbreaker right now.

Equivalent functionality in jquery: http://demos.telerik.com/kendo-ui/bar-charts/multiple-axes

The floating label for drop down in angular as in material.io.

Currently it seems that the columns widths are just divided up between the available width and the number of columns. Under that circumstance I am unable to specify a smaller width for a column. I would like for the column to adjust to the title at a minimum. Also it would be nice if we could drag the columns widths bigger or smaller.