CustomAngularGrid/example.js at master · ajaijothi/CustomAngularGrid · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
angular.module('mygrid', ['grid']).controller('gridController', ['$scope', function ($scope) {
        $scope.data=[];
        $scope.ReAssign = function(e, r){
            if(r)
            r._hierarchy = [];
        }
		$scope.columns = [{
			name: 'CustomName',
			value: 'Name',
			type:'link',
			url:'http://www.google.com/?q=[Id]',
			modalProperties:{
				fullscreen: true
			},
			modalTitle: "Sample Modal",
			style:{
				width:'10%'
			}
		},
		{
			name: 'UG',
			value: 'Degree',
			type:"",
            url:"[Degree]",
            style:{
				width:'20%'
			},
            filter:{
                type:'dropdown'
            }
		},
		{
			name: 'Status',
			value: 'Status',
			type:"icon",
            style:{
				width:'20%'
			},
            filter:{
                type:'dropdown'
            }
		},
		{
			name: 'Temp Column',
			value: 'Id',
			type:"",
			style:{
				width:'10%'
			},
            filter:{
                type:'number',
                fromTo:true
            }
		},
		{
			name: 'Date of Entry',
			value: 'Date',
			type:"",
            dataType:'date',
            filter:{
                type:'date',
                fromTo:true
            }
		}];

        $scope.actions = [{
            name:'Delete',
            displayType: 'button', //link, button,
            iconClass: 'fa fa-wrench',
            textTemplate:'',
            actionType: 'link', //link, modal, function
            action: "http://www.google.com",  //handler(rowObj),
            modalSettings:{}
        },
        {
            name:'ExportAsExcel',
            displayType: 'button', //link, button,
            //iconClass: 'fa fa-file-excel-o',
            textTemplate:'<i class="fa fa-lg fa-file-excel-o green"></i>',
            actionType: 'function', //link, modal, function
            action: $scope.ReAssign,  //handler(rowObj),
            isGeneralAction:true,
            modalSettings:{}
        },
        {
            name:'ExportAsWord',
            displayType: 'button', //link, button,
            //iconClass: 'fa fa-file-excel-o',
            customClass:'blue',
            textTemplate:'<i class="fa fa-lg fa-file-word-o"></i>',
            actionType: 'function', //link, modal, function
            action: $scope.ReAssign,  //handler(rowObj),
            isGeneralAction:true,
            modalSettings:{}
        },{
            name:'ExportAsPDF',
            displayType: 'button', //link, button,
            //iconClass: 'fa fa-file-excel-o',
            textTemplate:'<i class="fa fa-lg fa-file-pdf-o red"></i>',
            actionType: 'function', //link, modal, function
            action: $scope.ReAssign,  //handler(rowObj),
            isGeneralAction:true,
            modalSettings:{}
        }];

        $scope.gridOptions = {
           // hierarchy:true,
            hierarchyUrl:'config.json?[Id]',
            dataUrl:'grid.json',
            serverPaging:true,
			multiSelect:false,
            pageSize:5,
            totalRecords:500,
            multiSelect:true,
			columns:$scope.columns,
            actions:$scope.actions
        };
    }]);