[index.cshtml]
<ejs-grid id="Grid1" dataSource="ViewBag.DataSource" allowPaging="true" allowExcelExport="true" toolbar="@(new List<string>() {"ExcelExport"})" toolbarClick="toolbarClick">
<e-grid-columns>
. . . .
</e-grid-columns>
</ejs-grid>
<ejs-grid id="Grid2" dataSource="ViewBag.DataSource" allowExcelExport="true" allowPaging="true">
<e-grid-columns>
. . . .
</e-grid-columns>
</ejs-grid>
<ejs-grid id="Grid3" dataSource="ViewBag.DataSource" allowExcelExport="true" allowPaging="true">
<e-grid-columns>
. . . .
</e-grid-columns>
</ejs-grid>
<ejs-grid id="Grid4" dataSource="ViewBag.DataSource" allowExcelExport="true" allowPaging="true">
<e-grid-columns>
. . . .
</e-grid-columns>
</ejs-grid>
function toolbarClick(args) {
if (args.item.text == "Excel Export") {
var appendExcelExportProperties = {
multipleExport: { type: 'NewSheet' }
};
var grid1 = document.getElementById("Grid1").ej2_instances[0];
var grid2 = document.getElementById("Grid2").ej2_instances[0];
var grid3 = document.getElementById("Grid3").ej2_instances[0];
var grid4 = document.getElementById("Grid4").ej2_instances[0];
grid1.excelExport(appendExcelExportProperties, true).then(function (props) {
grid2.excelExport(appendExcelExportProperties, true, props).then(function (fdata) {
grid3.excelExport(appendExcelExportProperties, true, fdata).then(function (data) {
grid4.excelExport(appendExcelExportProperties, false, data);
})
})
})
}
} |