<!DOCTYPE html>
<html>
<head>
<!--<link href="http://cdn.wijmo.com/5.20171.282/styles/wijmo.min.css" rel="stylesheet"/>-->
<!--<link rel="stylesheet" type="text/css" href="style.css">-->
<!--<script src="http://cdn.wijmo.com/5.20171.282/controls/wijmo.min.js"></script>-->
<!--<script src="http://cdn.wijmo.com/5.20171.282/controls/wijmo.grid.min.js"></script>-->
<!--<script src="http://cdn.wijmo.com/5.20171.282/controls/wijmo.input.min.js"></script>-->
<!--<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.min.js"></script>-->
<!--<script src="http://cdn.wijmo.com/5.20171.282/interop/angular/wijmo.angular.min.js"></script>-->
<link href="http://prerelease.componentone.com/wijmo5/latest//styles/wijmo.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="http://prerelease.componentone.com/wijmo5/latest//controls/wijmo.min.js"></script>
<script src="http://prerelease.componentone.com/wijmo5/latest//controls/wijmo.grid.min.js"></script>
<script src="http://prerelease.componentone.com/wijmo5/latest//controls/wijmo.input.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.5/angular.min.js"></script>
<script src="http://prerelease.componentone.com/wijmo5/latest//interop/angular/wijmo.angular.min.js"></script>
<script src="script.js"></script>
</head>
<body ng-app="app" ng-controller="appCtrl">
<wj-flex-grid items-source="data" initialized="initGrid(s, e)">
</wj-flex-grid>
</body>
</html>
// declare app module
var app = angular.module('app', ['wj']);
// app controller provides data
app.controller('appCtrl', function appCtrl($scope) {
// generate some random data
var countries = 'US,Germany,UK,Japan,Italy,Greece'.split(','),
data = [];
for (var i = 0; i < 100; i++) {
data.push({
id: i,
country: countries[i % countries.length],
date: new Date(2014, i % 12, i % 28),
amount: Math.random() * 10000,
active: i % 4 === 0
});
}
// add data array to scope
$scope.data = data;
$scope.initGrid = (grid, event) => {
grid.autoClipboard=true;
grid.pasting.addHandler(pasting);
grid.hostElement.addEventListener("paste",function(e){
console.log("pasting");
},true);
};
function pasting(grid, event) {
event.cancel = true;
wijmo.Clipboard.paste(pastedText => {
console.log('wijmo.Clipboard.paste', pastedText.length,pastedText);
});
}
});
/* Styles go here */