Hi, I have two grids to export to excel in one worksheet. #gridData is main grid with report data, #grid1 is report filter data.  However, if user doesn't wants to see #grid1 in excel, it should only export #grid to excel. Can you tell me what I need to change with these codes? Thank you.

--first grid

<kendo-grid #grid [data]="gridData" (excelExport)="onExcelExport($event, grid1)">

<ng-template kendoGridToolbarTemplate>

<button type="button" kendoGridExcelCommand><span class="k-icon k-i-file-excel"></span>Export to Excel</button>
</ng-template>
<kendo-grid-excel fileName="reportname" ></kendo-grid-excel>
</kendo-grid>

--second grid

<kendo-grid [data]="dataFilters" (excelExport)="onExcelExport1($event)" #grid1  [height]="50" >
<kendo-grid-excel [fileName]="reportname" ></kendo-grid-excel>
</kendo-grid>

public onExcelExport(e: any, grid): void {
e.preventDefault();
this.sheetData = e;
grid.saveAsExcel();
}

onExcelExport1(e){
let dataFromFirstGrid = this.sheetData.workbook.sheets[0].rows;
e.workbook.sheets[0].rows.push({cells: []});
e.workbook.sheets[0].rows = [...e.workbook.sheets[0].rows, ...dataFromFirstGrid];
}

Hello,

I'm currently trying to export an excel file from a grid with a custom filename. Everywhere I look the go-to suggestion is to use the

and 

to update the file name. This doesn't appear to work anymore. Looking into the source code I found the following lines trying to save a file:

This clearly indicates that this.fileName is used, which is initialized once to "Export.xlsx" and then never read back from the event again.
Is this intended behaviour? If so, has the ability to override the export name completely been removed?

Best Regards
Philipp

Hello,

I need an on close event of each tab in a tabstrip component in Angular typescript.

How can we achieve that please ??

Thanks

Hello,

After doing Group By on a grid. I'd like to expand/collapse a group in a Grid by clicking the entire row of the group header, not just the litte arrow on the left.

Currently, if we click on little group by arrow on the left side it will expand/collapse the group. Instead, need to expand/collapse by clicking the entire row of the group header. 

I have attached a screenshot for better clarification. 

Any help would be appreciated. Thanks in advance. 

I am creating unit tests using jest and I can't run the test because of Angular not like "on" inside the [onLabel] attribute in kendo-switch.  Is there a work around for this?  

Template parse errors:
    Binding to event property 'onLabel' is disallowed for security reasons, please use (Label)=...
    If 'onLabel' is a directive input, make sure the directive is imported by the current module. ("
              (valueChange)="switchPageSize($event)"
              [offLabel]="'All'"
              [ERROR ->][onLabel]="'All'">
            </kendo-switch>
          </ng-template>
    "): ng:///DynamicTestModule/HistoryComponent.html@199:10

I don't see anything in the docs but it seems like a standard thing to have.

What I'm looking for - the user will perform an action on a node in my TreeView which will result in a call to a remote API that can (sometimes) take several seconds.  I'd like to disable the TreeView or set it to loading so that the user knows there is some activity and to also prevent interaction with the TreeView.

What's the Kendo way to do this?  I can overlay a "busy" div but I'd like it to be visually close to the Grid loading appearance.