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

3 posts, 0 answers
  1. Francis
    Francis avatar
    10 posts
    Member since:
    Mar 2016

    Posted 09 Mar 2016 Link to this post

    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. Francis
    Francis avatar
    10 posts
    Member since:
    Mar 2016

    Posted 09 Mar 2016 in reply to Francis Link to this post

    I figured it out. I did not realize that I have to have the script on top of the page instead of bottom. 
  3. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2596 posts

    Posted 11 Mar 2016 Link to this post

    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!
     
Back to Top