Hi, 

 Is there any example of Master-Detail Grids which would have the ability to add master and it's corresponding detail rows? 

Also, the data should be local not from a base_url.

(ref: https://www.telerik.com/kendo-angular-ui/components/grid/advanced-features/hierarchy/) 

Thanks!

If I have a simple grid with data like

public gridData = [ {
      "ID": 1,
      "Fax": "",
      "Type": "Client"
    },
    {
      "ID": 2,
      "Fax": "",
      "Type": "Client"
    },]

and grid something like 

<kendo-grid #grid [data]="gridView1"
            [group]="groupGrid1" [scrollable]="true" [resizable]="true">

  <ng-template kendoGridToolbarTemplate>
  </ng-template>
  <kendo-grid-column field="ID" title="ID"></kendo-grid-column>
  <kendo-grid-column field="Fax" title="Fax"></kendo-grid-column>
  <kendo-grid-column field="Type" title="Type"></kendo-grid-column>
</kendo-grid>

which is the easy way to fetch the value for the ID? 
I know you can have something like (click)=onSelect($event)

But this will give you the current event like the mouse click

In the example 

https://www.telerik.com/kendo-angular-ui/components/grid/editing/external-editing/

as provided a call back is made to the service which fetches the Product data. Is there any easier way of achieving this? Also is there an example where the data is already defined in one of the ts over calling it from a link?

Hi,

I have the below code for which all the child items are getting displayed properly in the panel bar but whenever parent route link is set the the child route is not working.But whenver there is no parent item route link only then the child item route is working.I have the requirement where both child and parent it will handle some click event.Even I have tried to use the (click) event istead of [routerLink].

<div class="panelbar-wrapper">
  <kendo-panelbar *ngIf="mainMenu">
    <kendo-panelbar-item [title]="null" *ngFor="let menuItem of dlMenu"
                        [routerLink]="menuItem.link" routerLinkActive="active" [attr.name]="menuItem.name" [class]="menuItem.label">
      <ng-template kendoPanelBarItemTitle>
        <span class="item-title">{{menuItem.title}}</span>
      </ng-template>
      <kendo-panelbar-item [title]="null" *ngFor="let menuItemSub of menuItem.sub" (click)="BackToFetchData()"
                           [routerLink]="menuItemSub.link" routerLinkActive="active" [attr.name]="menuItemSub.name" [class]="menuItemSub.label">
        <ng-template kendoPanelBarItemTitle>
          <span class="sub item-title">{{menuItemSub.title}}</span>
        </ng-template>
        <kendo-panelbar-item [title]="null" *ngFor="let menuItemSubSub of menuItemSub.sub" (click)="BackToHome()"
                             [attr.name]="menuItemSubSub.name" [class]="menuItemSubSub.label">
          <ng-template kendoPanelBarItemTitle>
            <span class="sub item-title">{{menuItemSubSub.title}}</span>
          </ng-template>
        </kendo-panelbar-item>
        </kendo-panelbar-item>
      </kendo-panelbar-item>
  </kendo-panelbar>
  </div>

Hi ,

I am using kendo-pdf-export module to export grid and additional information like first summary page (Name , date ,etc) and then I am adding grid. Grid is having only 2 columns but the text length in maximum 5000 characters. When I tried exporting to pdf there are below issues I am facing

• Text is overlapping on footer
• Column text is not coming completely

How I can remove auto break of grid so that half column it will come first page and 2nd page half column?

Is there any way we can be able to add header on each page with kendo-pdf-export (similar option related to kendo-grid-pdf) ?

I have created stackblitz sample link ( need to resolve footer overlap and it should export all the data) .

Any help will be great , Thanks in Advance

https://stackblitz.com/edit/angular-i8xpv6-6sgepg?file=app/app.component.ts

Thanks

By Default I want my grid to be collapsed I tried

  @ViewChild('grid') public grid;
public () {

    this.gridView1.data.forEach((gr, idx) => this.grid.collapseGroup(idx.toString()));
  }

and calling this method on button click however it is not working and throwing an error data undefined when I did define data and kept it public. 

If you have a example that would be great

Can we have Grid in which one of the columns has in that to show like an amount of percentage complete or something on the similar lines