Essential Studio for JavaScript是一款包含了80+各种常用界面控件的套包产品，其中ejGrid是该产品下的一款数据表格控件，利用该控件可以帮助开发人员使用JavaScript创建数据表格应用程序，该使用表格时经常需要对表格数据进行打印，ejGrid表格控件充分考虑到客户的需求，可以轻松实现对表格数据的打印，控件为表格控件提供了一个工具栏，开发人员可以通过在该工具栏上添加打印按钮实现打印功能，当然也可以通过额外的按钮来实现打印，具体可以参靠下面的两种打印方法的实现：
1.通过内置的工具栏实现数据表格的打印
<div id="Grid">
<script type="text/javascript">
$("#Grid").ejGrid(
// the datasource "window.gridData" is referred from jsondata.min.js
dataSource: window.gridData,
toolbarSettings:{ showToolbar: true},
toolbarItems: [ej.Grid.ToolBarItems.PrintGrid],
allowPaging: true,
columns:
[
{field: "OrderID",headerText: "Order ID",textAlign: ej.TextAlign.Right,width: 75},
{field: "CustomerID",headerText: "Customer ID",width: 90},
{field: "EmployeeID",headerText: "Employee ID",textAlign: ej.TextAlign.Right,width: 80},
{field: "Freight",headerText: "Freight",textAlign: ej.TextAlign.Right,width: 80},
{field: "ShipCity",headerText: "Ship City",width: 90}
]
});
</script>
2.通过额外的按钮来实现表格数据的打印
<button id="print">Print</button>
<div id="Grid"></div>
<script type="text/javascript">
$("#print").ejButton({
showRoundedCorner: true,
size: "mini",
click: function () {
$("#Grid").ejGrid("print");
}
});
$("#Grid").ejGrid({
// the datasource "window.gridData" is referred from jsondata.min.js
dataSource: window.gridData,
allowPaging: true,
enableHeaderHover: true,
columns: [
{field: "OrderID",headerText: "Order ID",textAlign: ej.TextAlign.Right,width: 75},
{field: "CustomerID",headerText: "Customer ID",width: 90},
{field: "EmployeeID",headerText: "Employee ID",textAlign: ej.TextAlign.Right,width: 80},
{field: "Freight",headerText: "Freight",textAlign: ej.TextAlign.Right,width: 80},
{field: "ShipCity",headerText: "Ship City",width: 90}
]
});
</script>
