This is a migrated thread and some comments may be shown as answers.

Do I need to be on a local server in order to see if Kendo UI Grid works?

2 Answers 39 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Francis
Top achievements
Rank 1
Francis asked on 09 Mar 2016, 07:04 PM

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>

2 Answers, 1 is accepted

Sort by
0
Francis
Top achievements
Rank 1
answered on 09 Mar 2016, 07:17 PM
I figured it out. I did not realize that I have to have the script on top of the page instead of bottom. 
0
Kiril Nikolov
Telerik team
answered on 11 Mar 2016, 09:00 AM
Hi Francis,

I am happy to hear that the problem is resolved.

In case you have any further questions - do not hesitate to contact us.

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Francis
Top achievements
Rank 1
Answers by
Francis
Top achievements
Rank 1
Kiril Nikolov
Telerik team
Share this question
or