kendo.js
4.54 KB
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
angular.module("KendoDemos", ["kendo.directives"])
.controller("MyCtrl", function ($scope, $http) {
$scope.update = function () {
console.log("update")
}
$scope.create = function () {
console.log("create")
}
function getAuthURL() {
$http({
method: 'get',
url: '/events'
}).then(function successCallback(response) {
var res = response.data
if (res.result) {
if (res.result.status == "redirect") {
window.open(res.result.data, '_self')
}
} else {
console.info(response)
schedulerStart()
}
}, function errorCallback(response) {
console.error(response)
});
}
getAuthURL()
function schedulerStart() {
$scope.schedulerOptions = {
date: new Date("2016/10/12"),
startTime: new Date("2016/10/12 07:00 AM"),
height: 600,
views: [
"day",
{ type: "workWeek", selected: true },
"week",
"month",
],
timezone: "Asia/Bangkok",
dataSource: {
batch: true,
transport: {
read: {
url: "//localhost:3001/events",
dataType: "jsonp",
type: "GET"
},
update: {
url: "//localhost:3001/events",
dataType: "jsonp",
type: "PUT"
},
create: {
url: "//localhost:3001/events",
dataType: "jsonp",
type: "POST"
},
destroy: {
url: "//localhost:3001/events",
dataType: "jsonp",
type: "DELETE"
},
parameterMap: function (options, operation) {
if (operation !== "read" && options.models) {
return { models: kendo.stringify(options.models) };
}
}
},
schema: {
model: {
id: "taskId",
fields: {
taskId: { from: "TaskID" },
title: { from: "Title", defaultValue: "No title", validation: { required: true } },
start: { type: "datetime", from: "Start" },
end: { type: "datetime", from: "End" },
startTimezone: { from: "StartTimezone", defaultValue: "Asia/Bangkok" },
endTimezone: { from: "EndTimezone", defaultValue: "Asia/Bangkok" },
description: { from: "Description" },
recurrenceId: { from: "RecurrenceID" },
recurrenceRule: { from: "RecurrenceRule" },
recurrenceException: { from: "RecurrenceException" },
ownerId: { from: "OwnerID", defaultValue: 1 },
isAllDay: { type: "boolean", from: "IsAllDay" }
}
}
},
filter: {
logic: "or",
filters: [
{ field: "ownerId", operator: "eq", value: 1 },
{ field: "ownerId", operator: "eq", value: 2 }
]
}
},
editable: true,
resources: [
{
field: "ownerId",
title: "Owner",
dataSource: [
{ text: "Alex", value: 1, color: "#f8a398" },
{ text: "Bob", value: 2, color: "#51a0ed" },
{ text: "Charlie", value: 3, color: "#56ca85" }
]
}
]
};
}
})