劍道UI電網基本實現

Question

我試圖實現電網的基本功能，在編譯時我的項目中，我得到一個錯誤說：「預期的對象」

通過以下行代碼：

  $(document).ready(function() { 
       $("#grid").kendoGrid({ 
        dataSource: { 
         data: createRandomData(50), //exception in this line of code 
         pageSize: 10 
        }, 

你能幫我理解我需要寫的代替createRandomData嗎？ 它是從哪裏獲取數據以將其放置在網格上的表名或它是其他內容？ （順便說一句，我用作SQL Server 2008作爲後端，並在Visual Studio 2010 MVC4上運行此代碼），我也是MVC和Kendo UI的新手。

我想要實現事先使用MVC 4

由於從SQL Server中的數據綁定到網格！ :)

下面的代碼：

   <script> 
      $(document).ready(function() { 
       $("#grid").kendoGrid({ 
        dataSource: { 
         data: createRandomData(50), 
         pageSize: 10 
        }, 
        groupable: true, 
        sortable: true, 
        pageable: { 
         refresh: true, 
         pageSizes: true 
        }, 
        columns: [{ 
         field: "FirstName", 
         width: 90, 
         title: "First Name" 
        }, { 
         field: "LastName", 
         width: 90, 
         title: "Last Name" 
        }, { 
         width: 100, 
         field: "City" 
        }, { 
         field: "Title" 
        }, { 
         field: "BirthDate", 
         title: "Birth Date", 
         template: '#= kendo.toString(BirthDate,"dd MMMM yyyy") #' 
        }, { 
         width: 50, 
         field: "Age" 
        } 
        ] 
       }); 
      }); 
     </script> 

這裏的功能認定中：

function createRandomData(count) { 
     var data = [], 
     now = new Date(); 
     for (var i = 0; i < count; i++) { 
     var firstName = firstNames[Math.floor(Math.random() * firstNames.length)], 
     lastName = lastNames[Math.floor(Math.random() * lastNames.length)], 
     city = cities[Math.floor(Math.random() * cities.length)], 
     title = titles[Math.floor(Math.random() * titles.length)], 
     birthDate = birthDates[Math.floor(Math.random() * birthDates.length)], 
     age = now.getFullYear() - birthDate.getFullYear(); 

    data.push({ 
     Id: i + 1, 
     FirstName: firstName, 
     LastName: lastName, 
     City: city, 
     Title: title, 
     BirthDate: birthDate, 
     Age: age 
    }); 
} 
return data; 

}

應控制器返回作爲計數傳遞的價值？

public ActionResult createRandomData() 
    { 
     return View(); 
    } 

Answer 1

函數createRandomData（50）應返回一個json對象。請出示函數的定義也..網格

列名和JSON對象，你回不配套

Answer 2

有在文檔中的ASP.NET不少教程。我會建議從this one開始。如果您是從服務器返回JSON的新手，還有starting out with services的教程。

Answer 3

在服務器端，定義一個具有必要屬性的類型。然後使用服務器端代碼從數據庫或使用一些隨機數據填充對象數組。從控制器使用內置的JavaScript Serializer將數組序列化爲JSON並返回爲JsonResult。例如，

公共JsonResult CreateRandomData（詮釋計數）{

列表人員=

返回新JsonResult（）{數據=人，的ContentType = 「應用/ JSON」，JsonRequestBehavior = JsonRequestBehavior.AllowGet} ;

}

內置JsonSerializer（System.Web.Mvc）提供JSON序列和deserializatoin支持。