Flex Grid Inside PopUp
HTML
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://cdn.wijmo.com/5.20161.138/styles/wijmo.min.css">
<script src="http://cdn.wijmo.com/5.20161.138/controls/wijmo.min.js"></script>
<script src="http://cdn.wijmo.com/5.20161.138/controls/wijmo.grid.min.js"></script>
<script src="http://cdn.wijmo.com/5.20161.138/controls/wijmo.input.min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
<script src="http://cdn.wijmo.com/5.20161.138/interop/angular/wijmo.angular.min.js"></script>
<div ng-app="myApp">
<div ng-controller="appController">
<button id="btnPopup">Show Popup</button>
<wj-popup owner="#btnPopup"
style='margin:250px ;padding:20px;align-self:center;'
modal="true"
hide-trigger="None">
<wj-flex-grid items-source="view"
selection-mode="ListBox"
copying="copying(e)"
control="flex">
</wj-flex-grid>
<button class="wj-hide">Cancel</button>
</wj-popup>
</div>
</div>
JavaScript
var _CITIES=[{ Name: 'Chennai', isCapital: false, isMetro: true },
{ Name: 'New Delhi cxxvcbcnbxnbcncxbnbnxbncbxvnbcxnvbncxbvnbcxnvbnxcbvncxbvnbcxnbvnxcbvncbxnvbncxbvnxcbvnbcxnbvncxbvncxbvncbxvbxcnbvnxcbvnxbvnbxcnvbxncbvnxbvnxbcvnbcxnbvnxcbvnxbcvnbxncbvncbxvb', isCapital: true, isMetro: true },
{ Name: 'Kolkata', isCapital: false, isMetro: true },
{ Name: 'Agra', isCapital: false, isMetro: false },
{ Name: 'Mumbai', isCapital: false, isMetro: true },
{ Name: 'Bangalore', isCapital: false, isMetro: true },
{ Name: 'Kanpur', isCapital: false, isMetro: false }];
var app = angular.module('myApp', ['wj']);
app.controller('appController', ['$scope', function ($scope) {
$scope.view = new wijmo.collections.CollectionView(_CITIES);
$scope.copying=function(e){
console.log('copied');
};
}]);