<!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 */