Hello,
I am fairly new to Kendo and front end development in general. I am working on trying to populate a grid using local data. My text editor is Sublime Text and when I try to view in browser, I get a blank screen. I tried it the code in Dojo and it works fine but I can't seem to view it in browser. Do I need to set up a local environment in order to view Kendo work?
Here is my code:
<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
>VSP | Client Websites</
title
>
<
link
rel
=
"stylesheet"
href
=
"styles/main.css"
>
<
link
rel
=
"stylesheet"
href
=
"styles/kendo.common.min.css"
>
<
link
rel
=
"stylesheet"
href
=
"styles/kendo.default.min.css"
>
<
link
rel
=
"stylesheet"
href
=
"styles/kendo.mobile.all.min.css"
>
</
head
>
<
body
>
<
div
id
=
"grid"
></
div
>
<
script
>
var clients = [ { clientLogo: "#",
companyName: "Lowe's Home Improvement",
clientID: 123456,
lastEdited: "02/15/2016",
lastEditedBy: "Barbara Johnson",
status: "In Progress"}];
$("#grid").kendoGrid({
columns: [ { title: "Client Logo", field: "clientLogo" },
{ title: "Company Name", field: "companyName"},
{ title: "Client ID", field: "clientID"},
{ title: "Last Edited", field: "lastEdited"},
{ title: "Last Edited By", field: "lastEditedBy"},
{ title: "Status", field: "status"}],
dataSource: clients
});
</
script
>
<
script
src
=
"js/jquery.min.js"
></
script
>
<
script
src
=
"js/kendo.all.min.js"
></
script
>
</
body
>
</
html
>