BoldSignEasily embed eSignatures in your .NET applications. Free sandbox with native SDK available.
let grid: Grid = new Grid(
{
dataSource: orderDetails,
. . .
created: () => {
grid.contextMenuModule.contextMenu.addEventListener('beforeOpen', (args) => {
if (args.event && (args.event.which === 3))
args.cancel = true;
});
grid.contextMenuModule.contextMenu.beforeOpen = (args) => {
args.event = globevent;
grid.contextMenuModule.contextMenuBeforeOpen(args);
}
}
});
grid.appendTo('#Grid');
document.getElementById('Grid').onclick = (event) => {
globevent = event;
grid.contextMenuModule.contextMenu.open(event.pageY + pageYOffset, event.pageX + pageXOffset);
}
|
let grid: Grid = new Grid(
{
dataSource: orderDetails,
allowExcelExport: true,
allowPdfExport: true,
allowSorting: true,
editSettings: { allowAdding: true, allowDeleting: true, allowEditing: true, mode:'Dialog' },
allowPaging: true,
contextMenuItems: ['AutoFit', 'AutoFitAll', 'SortAscending', 'SortDescending',
'Copy', 'Edit', 'Delete', 'Save', 'Cancel',
'PdfExport', 'ExcelExport', 'CsvExport', 'FirstPage', 'PrevPage',
'LastPage', 'NextPage'],
columns: [
{ field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right', isPrimaryKey: true },
{ field: 'CustomerName', headerText: 'Customer Name' },
{ field: 'Freight', format: 'C2', textAlign: 'Right', editType: 'numericedit' },
{ field: 'ShipName', headerText: 'Ship Name', width: 200 },
{ field: 'ShipCountry', headerText: 'Ship Country', width: 150, editType: 'dropdownedit' },
{ field: 'ShipCity', headerText: 'Ship City', width: 150 }
],
------
}
|
<link rel='nofollow' href="//cdn.syncfusion.com/ej2/material.css" rel="stylesheet">
|