Whenever i tried to key in a negative sign "-", followed by a zero. the grid filter will automatically change it to zero.

how can i prevent it from automatically changing?

need to maintain a numeric filter, (no letters allowed)

Code:

<kendo-grid-column field="xx" title="xx">
<ng-template kendoGridFilterCellTemplate let-filter let-column="column">
<kendo-grid-numeric-filter-cell
[showOperators]=false
[column]="column">
</kendo-grid-numeric-filter-cell>
....
<kendo-grid-column>

I have three layer object: there is several departments, Department have multiple categories and category have multiple subCategories:

I am using [checkBy]="checkBy" in html page

Html code of tree view:

and methods in ts file

public checkBy(item: TreeItem) {

     return item.dataItem;     

}  

if I removed the [checkBy]="checkBy"

from html than parent coming checked when i checking any child item but handleProductChecking

returns the array of indexes like [0_1_2] while I need object for my requirement, 

conclusion of my requiremnt is - parent should be checked(with hypen) when I checked in any child and handleProductChecking

return the object rather than array of indexes.

Hi,

  I checked the demo for Angular kendo-grid persist state at this url: https://www.telerik.com/kendo-angular-ui/components/grid/persist-state/

  The demo is good and it works for simple columns, because it's using *ngFor to generate columns in the grid.

  Is it possible to have persist state for grid with custom columns?  For example, I have following columns in my grid:

<kendo-grid-column field="{{ 'category.field' | translate }}" title="{{ 'grid.category' | translate }}" [width]="150">
  <ng-template kendoGridCellTemplate let-dataItem>
	<span *ngIf="dataItem.category.id === CATEGORY.LIVINGROOM">
		Some custom code here

	</span>
	<span *ngIf="dataItem.category.id !== CATEGORY.LIVINGROOM">
		Some cusotm code here
	</span>
  </ng-template>
</kendo-grid-column>

<kendo-grid-column field="{{ 'subCategory.field' | translate }}" title="{{ 'grid.subCaregory' | translate }}" [width]="150">
  <ng-template kendoGridCellTemplate let-dataItem>
	<span *ngIf="dataItem.subCategory.id === SUBCAREGORY.SOFA">
		Some custom code here

	</span>
	<span *ngIf="dataItem.subCategory.id !== SUBCAREGORY.SOFA">
		Some cusotm code here
	</span>
  </ng-template>
</kendo-grid-column>

  If there is a way to use persist state for grid with custom columns, can you provide some code sample?

Thanks,

Taichi

We are trying to create multi select component with remote data (with paging) and virtual scroll to use it in grid menu filters. Unfortunately, there are few problems:

1) When I pass selected items from parent component everything that is not in loaded items is ignored (no tags presented) even if I set allowCustom to true. Loading entire data set is not an option for us, amount of data is too large.

2) Selected items are shown incorrect. It selects wrong items, seems the problem is in virtual scroll. Is there any possibility (any attribute?) to control selected items in our code?

3) Checkbox sometimes selects more than one item.


Code example: 
HTML:

TS:

Thanks in advance,
Vlad

How can I identify the primary scrollbars of the MultiSelect control to be able to modify their appearance?

I have tried to highlight the scrollbar-button so see if I am on the right track with each of these, one-at-a-time:

• .kc-input-base::-webkit-scrollbar-button:single-button
• .kc-input-base ::-webkit-scrollbar-button:single-button
• .kc-input-base > ::-webkit-scrollbar-button:single-button
• .kc-input-base > ::ng-deep::-webkit-scrollbar-button:single-button
• .kc-input-base > ::ng-deep.k-multiselect-wrap::-webkit-scrollbar-button:single-button
• .kc-input-base > ::ng-deep.k-multiselect-wrap ::-webkit-scrollbar-button:single-button
• ::ng-deep::-webkit-scrollbar-button:single-button

The multiselect is defined as:

        <kendo-label class="k-form k-form-label" text="Coverage">
          <kendo-multiselect
            [data]="coverageCodes"
            formControlName="coverageCode"
            [autoClose]="false"
            [textField]="'name'"
            [valueField]="'key'"
            class="input-search-flex kc-input-base"
            (valueChange)="valueChange($event)"
            [clearButton]="false"
            DropDownFillMode="outline"
            [popupSettings]="{ popupClass: 'kc-popup' }"
          >
          </kendo-multiselect>
        </kendo-label>

This is the result:

As you can see, the scrollbars never changed color.

Hi,

I am having an issue with kendo labels being marked as "orphaned form label" (label was not read by NVDA screen reader) when using the kendo editor with [iframe] set to false to have non-encapsulated style in the Editor. 

The WAVE browser extension does show the "orphaned form label" alert for some of your controls (dropdowns, multiselect) but since you have the aria-label attribute NVDA reads the label text values for those controls.

However, I have noticed that no such aria attribute is added/updated when the [iframe] input of the Editor control is set to false.

I have checked this in your example stackblitz environment and it seems to reproduce the issue as well.

Hi,

this is a bug report. The treeview cant' be filtered, if the drag&drop directive is used.