In my angular.js app view I initiate kendo grid with the  directive:

<kendo-grid options="gridConfig" id="grid" class="operationsGrid" flex></kendo-grid>

and in my kendo grid configuration I have a custom command action:

{ command: { name: "comment", click: showComments, template:'<md-menu><md-button aria-label="Open phone interactions menu" class="md-icon-button" ng-click="openMenu($mdMenu, $event)"> <i class="material-icons">comment</i> </md-button> <md-menu-content width="4"> <md-menu-item> <md-button ng-click="redial($event)"> <i class="material-icons">close</i> </md-button> </md-menu-item> <md-menu-item> <md-button disabled="disabled" ng-click="checkVoicemail()"> <i class="material-icons">open</i> </md-button> </md-menu-item> <md-menu-divider></md-menu-divider> <md-menu-item> <md-button ng-click="toggleNotifications()"> <i class="material-icons">comment</i> </md-button> </md-menu-item> </md-menu-content> </md-menu>' }, width: "80px" }

The button with the comment material icon appears, but the click action openMenu($mdMenu,$event) doesn't get called. I don't even get an error. 

whats wrong my setup? 

I tried to integrate the keyboard navigation in my code but i get the  activeRow, activeCell attributes as undefined( in incell-tab.directive.ts file)   as shown in attached image.please check out my code in plunker and suggest a solution.

https://next.plnkr.co/edit/1p2315uxx3OAuYcM1CpL?p=preview

To date I've made several modifications to the in-cell editing example to get it to work in my Angular reactive forms. The following is how I typically built my cellClickHandler and cellCloseHandler:

  public cellClickHandler({ sender, rowIndex, columnIndex, dataItem, isEdited }) {

    if (!isEdited) {
      sender.editCell(rowIndex, columnIndex, this.createFormGroup(dataItem));
    }
  }


  public cellCloseHandler(args: any) {
    const { formGroup, dataItem } = args;

    if (!formGroup.valid) {

      args.preventDefault();
    } else if (formGroup.dirty) {

      this.editService.assignValues(dataItem, formGroup.value);
      this.editService.update(dataItem);

      let iFeasibilityFlag: IFeasibilityFlag = {
        'id': dataItem.id,
        'flagSeq': dataItem.flagSeq,
        'location': dataItem.location,
        'warning': dataItem.warning,
        'description': dataItem.description,
        'stop': dataItem.stop
      }

      this.feasibilityFlagService.save(iFeasibilityFlag, false);
    }
  }

  public createFormGroup(dataItem: any): FormGroup {
    return this.formBuilder.group({
      'id': dataItem.id,
      'flagSeq': dataItem.flagSeq,
      'location': dataItem.location,
      'warning': dataItem.warning,
      'description': dataItem.description,
      'stop': dataItem.stop
    });
  }

This works fine if I have data I'm keying in by hand but I've noticed that this pattern doesn't give me a formgroup name that I can latch onto such as if I need to declare in kendoGridEditTemplate: let-formGroup="namedFormGroup" or in kendo-dropdownlist: [formControl] ="namedFormGroup.get('property')"

The attached pictures show how I'm trying to contend with this at present. Unfortunately while I've tried this several ways the following tends to show up often and I'm not sure how to read this error:

TypeError: control.setParent is not a function

Take a look at the attached images and let me know if there's something you can think of that I need to add to these or if you see something I'm doing breaking the typescript let me know what I'd need in order to map it correctly.

Thank you!

Is there an update to the Visual Studio template mentioned here

https://www.telerik.com/blogs/cooking-with-aspnet-core-and-angular-2

To use Core 2.1.x and Angular 6.x ?

Hello

I know that a DateTimePicker does not exist (yet). I'm trying to create the same experience using a DatePicker and TimePicker. However, the effect is not working as intended.

Please see: https://plnkr.co/edit/o4UnJzoPlMgKJGigiZEN?p=preview

If you click "Add new", input some data and change both the date and time and click "Add". You will see that either the date OR time will be set correctly (depending on which one you changed last), but not both.

The same thing happens when updating a row.

Can someone please help me fix this?

Hi Team,

I created the multiselect dropdown within the form.

I have save button while clicking on that I have to get  selected text with comma separated from multiselect dropdown.

Please refer code in below plnkr link, this code contains to get the selected value, here I want how to get selected text?

https://next.plnkr.co/edit/Z1wSsHjhWa9BelfV

Please help me on this.

Thanks.

Is there a way to define a no-record template for a kendo chart similiar to nesting a <ng-template> tag with the kendoGridNoRecordsTemplate directive inside <kendo-grid>?

Thanks!

Hello, I need an autocomplete where i can select multiple values.

Our team has been using the Kendo UI for jQuery for some time and are now looking at Angular.  With the release of Angular 6 I see mentions of the Material component library everywhere.  So I'm wondering how the Kendo UI for Angular library relates to Angular Material.  Are these separate component libraries? 

So do I understand correctly, that if using the Kendo UI for Angular library, I can still use a Material theme, but the Material components themselves are different animals, and that the Kendo components are custom Angular components and dont simply wrap the Material components?