Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
144746 | May 21,2019 05:08 AM UTC | May 27,2019 04:40 PM UTC | ASP.NET MVC - EJ 2 | 3 |
![]() |
Tags: Grid |
function beforeExcelExport(args) {
args.gridObject.dataSource = args.gridObject.currentViewData;
} |
function beforePdfExport(args) {
args.gridObject.dataSource = args.gridObject.currentViewData;
} |
@Html.EJS().Grid("Grid").DataSource(dataManager => { dataManager.Url("/Home/UrlDatasource").Adaptor("UrlAdaptor"); }).AllowPdfExport().AllowExcelExport().AllowPaging(true).Columns(col =>
{
col.Field("OrderID").HeaderText("Order ID").Width("100").Add();
col.Field("CustomerID").HeaderText("Customer ID").Width("120").Add();
col.Field("ShipCity").HeaderText("Ship City").Width("150").Add();
}).Load("load").ToolbarClick("ToolbarClick").BeforeExcelExport("beforeExcelExport").Toolbar(new List<string>() { "ExcelExport", "Print" }).Render()
<script type="text/javascript">
function load() {
this.on("printGrid-Init", function (e) {
e.printgrid.created = function (args) {
var ele = document.createElement("style");
ele.type = "text/css";
ele.innerHTML = ".e-headertext {color: red;font-style: italic !important;}"
this.element.parentElement.parentElement.querySelector('head').appendChild(ele);
}
})
}
function ToolbarClick(args) {
var grid = document.getElementById("Grid").ej2_instances[0];
if (args.item.id === 'Grid_excelexport') {
grid.excelExport();
}
}
</script>
<style>
.e-headertext {
color: red;
font-style: italic !important;
}
</style> |
This post will be permanently deleted. Are you sure you want to continue?
Sorry, An error occured while processing your request. Please try again later.
This page will automatically be redirected to the sign-in page in 10 seconds.