I have a kendo-grid with 3 columns editable out of the list of 25 columns displayed.

The grid has a cellClick event which sends in the column and columnIndex:

(cellClick)="editClick($event)"

public editClick({ sender, column, rowIndex, columnIndex, dataItem }): void {

    this.editHandler({
                dataItem: dataItem,
                rowIndex: rowIndex,
                sender: sender,
                isNew: false
            });

}
public editHandler({ sender, rowIndex, dataItem }: EditEvent): void {
        if (this.formGroup && !this.formGroup.valid) {
            return;
        }

this.formGroup = formGroup(dataItem);
        this.editedRowIndex = rowIndex;

        console.log('editrowindex =' + rowIndex);
        console.log('edited CDM_Service_Code =' + dataItem.CDM_Service_Code);

        sender.editRow(rowIndex, this.formGroup);

When I call sender.editRow

The following code is is not displaying the item template correctly with check boxes.   If I don't use the item template it displays the data correctly.

     Hello,

I need to set placeholder in multiselect with kendoMultiSelectSummaryTag. its not working .

Please check this stackblitz demo and update it with new code.

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

     Hi

I am using combobox . I need to  height of kendoDropDownListNoDataTemplate . How can I do It ?

Please update the code in stack blitz

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

Thanks 

Nilesh Zala

I have a enum type field -(eg: CustomerState). And I have binded to kendo grid to dispay the text value of the enum as below,

<kendo-grid-column field="customerState" title="{{'LABELS.customerState' | translate}}" width="100">
        <!-- <ng-template kendoGridCellTemplate let-dataItem>
            {{ dataItem.customerState | enumTranslate: customerState | async }}
        </ng-template> -->

         <ng-template kendoGridCellTemplate let-element>
          {{CustomerState[element.customerState]}}
        </ng-template>

      </kendo-grid-column>

I have set filterable="menu" in the grid. So I see a default filtering option in the UI page with Contains search as default. 

Problem is when I search the text value of the field(eg: Inactive state), I get no results. but when I search as 0 or 1 or 2, I get the filtered result.

So is there any easier alternative to filter based on a particular enum value from all list of records in the grid?

I have a question concerning the [kendoGridBinding] attribute and the [filterable]="menu" attribute. 

Can you bind a Kendo Grid using the [kendoGridBinding] attribute to an service Api call that returns an observable? 

I have my grid currently working with the [data] attribute using an observable but every time that I switch it to the [kendoGridBinding] attribute to be able to use advanced features my console throws errors and the grid data never loads. 

Here is the current list of attributes for my grid definition that seem to not work. Note I am attempting to do paging, sorting and filtering server side using a WebApi call.

<kendo-grid [kendoGridBinding]="schedulesToDisplay"
                [filterable]="menu"
                [style.height]="'100%'"
                [resizable]="true"
                [sortable]="{
                  allowUnsort: false,
                  mode: 'single'
                }"
                [filter]="state.filter"
                [pageable]="true"
                [pageSize]="10"
                [skip]="state.skip"
                [sort]="state.sort"
                [rowClass]="rowCallback"
                (dataStateChange)="dataStateChange($event)">

Is possible change title text and action buttons of edit dialog in Custom Edit Form example ? Or EditDialogTemplateDirective customize only body of edit dialog?

And if I want change "header" or "footer" of edit dialog I must use External Form - for example: https://stackblitz.com/edit/angular-z4vcb8

     Hi everyone,

I've got a few issues with our Sortable performing badly.  I don't know necessarily what's causing it, but it's happened over the last few months of development time.  I'm hoping that I could get some insight as to possible sources of performance problems with the Kendo Sortable app.  The application is too big to post Plunker code, but a general breakdown:

- Nested Sortables.  Sortables for lanes, each lane has a sortable with cards in it.

- The lane definitions are pulled from a REST service and pulled locally.  Stored as an array of objects (ie. [{pk:100, name: Lane1, otherfield: value...}]

- The cards are pulled from a REST service and stored locally.    Stored as an object with an array of objects (ie.{100, cards:[{pk: 1, name: Card1}], 200: {...}}.

- Each card has a number of links with (click) events.  The card body has a (click) event which draws a new "board".

- [ngClass] directives are used to switch CSS classes on certain elements.

- Angular Materials tooltips are defined for certain elements.

- Some cards have an embedded app that shows images, but not all of them.

- There's some embedded SVGs for things like icons.

The cards throw a dataAdd when traversing "lanes", which sets a class variable to the dataItem.  There is an dragStart event, which sets a boolean.  There's a dragOver event that queries for the current card being dragged (document.querySelector('div[aria-grabed="true"]') and sets its CSS class, and on dragEnd it does the same call and removes that class.

The drag animation skips and lags even when there's only a small number of items (half a dozen or so) and I'm not performing REST calls while dragging or on dataAdd, only on dragEnd.

We're running @progress/kendo-angular-sortable": "^2.0.1" and @progress/kendo-angular-common": "^1.1.0".  I don't know if there's massive performance improvements in later versions, but maybe I could get some insight?

Thank you all very much.