 @{
    Layout = null;
}
 <!DOCTYPE html>
 
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>JobStatus</title>
   <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
	<link href="@Url.Content("~/Content/kendo/2012.2.710/kendo.common.min.css")" rel="stylesheet" type="text/css" />
	<link href="@Url.Content("~/Content/kendo/2012.2.710/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
	<link href="@Url.Content("~/Content/kendo/2012.2.710/kendo.default.min.css")" rel="stylesheet" type="text/css" />
 
    <script src="../../Scripts/kendo/2012.2.710/jquery.min.js" type="text/javascript"></script>
    <script src="../../Scripts/kendo/2012.2.710/kendo.web.min.js" type="text/javascript"></script>
    <script src="../../Scripts/kendo/2012.2.710/kendo.all.min.js" type="text/javascript"></script>
    <script type="text/javascript">
 
  
            var i = 1001;
        $(document).ready(function () {
 

             
            $("#employeesGrid").kendoGrid({
                    dataSource: {
                        transport: {
                            read: "Home/Getjobdetails"
                         
                    },
                     schema: {

                    model: {
                        fields: {
                            JobId: { type: "int" },
                            JobName1: { type: "string" },
                            JobDescription1: { type: "string" } ,
                            JobName2: { type: "string" },
                            JobDescription2: { type: "string" } ,
                            JobName3: { type: "string" },
                            JobDescription3: { type: "string" } ,
                            JobName4: { type: "string" },
                            JobDescription4: { type: "string" } ,
                            JobName5: { type: "string" },
                            JobDescription5: { type: "string" } ,
                            JobName6: { type: "string" },
                            JobDescription6: { type: "string" } ,
                            JobName7: { type: "string" },
                            JobDescription7: { type: "string" } ,
                            JobName8: { type: "string" },
                            JobDescription8: { type: "string" } ,
                            JobName9: { type: "string" },
                            JobDescription9: { type: "string" } ,
                            JobName10: { type: "string" },
                            JobDescription10: { type: "string" } ,
                            JobName11: { type: "string" },
                            JobDescription11: { type: "string" } ,
                            JobName12: { type: "string" },           
                            JobDescription12: { type: "string" } ,
                            JobName13: { type: "string" },
                            JobDescription13: { type: "string" } ,
                            JobName14: { type: "string" },
                            JobDescription14: { type: "string" } ,
                            JobName15: { type: "string" },
                            JobDescription15: { type: "string" } ,
                            JobName16: { type: "string" },
                            JobDescription16: { type: "string" } ,
                            JobName17: { type: "string" },
                            JobDescription17: { type: "string" } ,
                            JobName18: { type: "string" },
                            JobDescription18: { type: "string" } ,
                            JobName19: { type: "string" },
                            JobDescription19: { type: "string" } ,
                            JobName20: { type: "string" },
                            JobDescription20: { type: "string" } ,
                            JobName21: { type: "string" },
                            JobDescription21: { type: "string" } ,
                            JobName22: { type: "string" },
                            JobDescription22: { type: "string" } ,
                            JobName23: { type: "string" },
                            JobDescription23: { type: "string" } ,
                            JobName24: { type: "string" },
                            JobDescription24: { type: "string" } ,
                            JobName25: { type: "string" },
                            JobDescription25: { type: "string" } 
                       }
                    }
                },
                            },
                    scrollable: false,
                    sortable: true,
                    pageable: false,
                    selectable: "row",
                    filterable: true
                                        
                });

             window.setInterval("checkNotifications()", 1000);
         });
       

          function checkNotifications() {
          //debugger;
           

          var nof= { JobId: i++, JobName1: "new notific", JobDescription1 : "memory issue",
          JobName2: "new notific", JobDescription2 : "memory issue",
JobName3: "new notific", JobDescription3 : "memory issue",
JobName4: "new notific", JobDescription4 : "memory issue",
JobName5: "new notific", JobDescription5 : "memory issue",
JobName6: "new notific", JobDescription6 : "memory issue",
JobName7: "new notific", JobDescription7 : "memory issue",
JobName8: "new notific", JobDescription8 : "memory issue",
JobName9: "new notific", JobDescription9 : "memory issue",
JobName10: "new notific", JobDescription10 : "memory issue",
JobName11: "new notific", JobDescription11 : "memory issue",
JobName12: "new notific", JobDescription12 : "memory issue",
JobName13: "new notific", JobDescription13 : "memory issue",
JobName14: "new notific", JobDescription14 : "memory issue",
JobName15: "new notific", JobDescription15 : "memory issue",
JobName16: "new notific", JobDescription16: "memory issue",
JobName17: "new notific", JobDescription17 : "memory issue",
JobName18: "new notific", JobDescription18 : "memory issue",
JobName19: "new notific", JobDescription19 : "memory issue",
JobName20: "new notific", JobDescription20 : "memory issue",
JobName21: "new notific", JobDescription21 : "memory issue",
JobName22: "new notific", JobDescription22 : "memory issue",
JobName23: "new notific", JobDescription23 : "memory issue",
JobName24: "new notific", JobDescription24 : "memory issue",
JobName25: "new notific", JobDescription25 : "memory issue"
 };
          $("#employeesGrid").data("kendoGrid").dataSource.insert(nof);
           $("#ccount").text("Rows Count:" + $("#employeesGrid").data("kendoGrid").dataSource.data().length); //Displaying Notification Count
           //$("#employeesGrid").data("kendoGrid").refresh();
        
    } 
        
    </script>
   


                    
    
</head>
<body>
 
<div id="ccount"></div>
    

     
     <div id="employeesGrid"></div>

</body>
</html>
