This question is locked. New answers and comments are not allowed.
All,
I am primarily a back-end dev, but I am slowly starting to understand how the MVVM approach is going to be a benefit. I have seen numerous examples and blog posts about using KendoUI with RequireJS, and even some that include everlive, but in none of the examples have I found where to set the Everlive API Key. If anyone could provide me with an example or guidance, I'd appreciate it. Below is what I have so far...
Thanks,
B
main.js
app.js
I am primarily a back-end dev, but I am slowly starting to understand how the MVVM approach is going to be a benefit. I have seen numerous examples and blog posts about using KendoUI with RequireJS, and even some that include everlive, but in none of the examples have I found where to set the Everlive API Key. If anyone could provide me with an example or guidance, I'd appreciate it. Below is what I have so far...
Thanks,
B
main.js
01.
require.config({
02.
paths: {
03.
jQuery:
"kendo/js/jquery.min"
,
04.
kendo:
"kendo/js/kendo.mobile.min"
,
05.
everlive:
"lib/everlive.all.min"
06.
},
07.
shim: {
08.
jQuery: {
09.
exports:
"jQuery"
10.
},
11.
kendo: {
12.
deps: [
"jQuery"
],
13.
exports:
"kendo"
14.
},
15.
everlive: {
16.
deps: [
"jQuery"
],
17.
exports:
"everlive"
18.
}
19.
20.
}
21.
});
22.
23.
var
app;
24.
var
el;
25.
require([
"app/app"
],
function
(application) {
26.
app = application;
27.
app.init();
28.
});
app.js
01.
define(
02.
[
03.
"jQuery"
,
04.
"kendo"
,
05.
"everlive"
,
06.
"app/views/defaultView"
,
07.
"app/views/loginView"
,
08.
"app/views/alertsView"
09.
10.
],
11.
function
($, kendo, everlive, defaultView, loginView, alertsView) {
12.
13.
var
_kendoApplication;
14.
15.
return
{
16.
init:
function
() {
17.
_kendoApplication =
new
kendo.mobile.Application(document.body, { transition:
"slide"
});
18.
el =
new
everlive(
"........"
);
19.
},
20.
views: {
21.
defaultView: defaultView,
22.
loginView: loginView,
23.
alertsView: alertsView
24.
},
25.
navigate:
function
(view){
26.
_kendoApplication.navigate(view);
27.
}
28.
29.
}
30.
});