|
<ej:Grid ID="FlatGrid" runat="server" AllowPaging="true" >
<ToolbarSettings ShowToolbar="true" ToolbarItems="printGrid"></ToolbarSettings>
<Columns>
<ej:Column Type="checkbox" Width="50"></ej:Column>
<ej:Column Field="OrderID" HeaderText="Id" IsPrimaryKey="true" Width="20" TextAlign="Left" HeaderTextAlign="center" />
. . .
</Columns>
<ClientSideEvents ActionComplete="oncomplete" BeforePrint="beforePrint" ActionBegin="actionbegin"/>
</ej:Grid>
</div>
<script type="text/javascript">
window.selectedRows = [];
function printSelectedRows(selRows) {
if (!selectedRows.length)
selectedRows = selRows;
else {
for (var sr = 0; sr < selRows.length; sr++) {
selectedRows.push(selRows[sr]);
}
}
}
function beforePrint(args) {
var gridInst = $("#MainContent_FlatGrid").ejGrid("instance");
var selRows = gridInst.getContentTable().find('tr[aria-selected="true"]');
if (selectedRows.length || selRows.length) {
if (selRows.length) printSelectedRows(selRows);
args.element.find(".e-gridcontent tbody tr").remove();
args.element.find(".e-gridcontent tbody").append(selectedRows);
gridInst.refreshContent();
}
}
function actionbegin(args) {
if (args.requestType == "paging") {
if (this.getSelectedRows().length) {
var selRows = this.getSelectedRows();
printSelectedRows(selRows);
}
}
}
function oncomplete(args){
if(args.requestType == "print"){
window.selectedRows = [];
}
}
</script> | 
