Wijmo 5 [Flex Grid]

Json data formatting in flex grid

by Anand Tambi

HTML

<link rel="stylesheet" href="http://cdn.wijmo.com/5.20162.188/styles/wijmo.min.css">
<script src="http://cdn.wijmo.com/5.20162.188/controls/wijmo.min.js"></script>
<script src="http://cdn.wijmo.com/5.20162.188/controls/wijmo.input.min.js"></script>
<script src="http://cdn.wijmo.com/5.20162.188/controls/wijmo.grid.min.js"></script>
<script src="http://cdn.wijmo.com/5.20161.151/controls/wijmo.grid.filter.min.js"></script>
<script src="http://cdn.wijmo.com/5.20162.188/interop/angular/wijmo.angular.min.js"></script>
 <div ng-app="app" ng-controller="appCtrl">
      
       <wj-flex-grid items-source="data" control="flex">
           
           <wj-flex-grid-column header="date" binding="date" data-type="Date" width="*" format="MMM/dd/yyyy"></wj-flex-grid-column>
       </wj-flex-grid>
    </div>

JavaScript

var dates = [null, "(null)", '2014-04-25T12:39:50'],
            data = [];
            for (var i = 0; i < 50; i++) {
                data.push({
                    date: dates[i % dates.length]
                });
            }

            var app = angular.module('app', ['wj']);
            app.controller('appCtrl', function ($scope,$filter) {
                // fromat json data to desire data types
                angular.forEach(data, function (value, key) {                
										//change json date to date object
                    value.date = new Date(value.date);
                });
                $scope.data = new wijmo.collections.CollectionView(data);               
            });