2013-05-09 89 views
2

例如,我有一個模型爲IEnumerable<Correspondence>的視圖。我想將它綁定到KendoUI網格。我該怎麼辦?我試過將KendoUI網格與MVC中的模型數據綁定4

@model IEnumerable<Correspondence> 
    <div id="Correspondence"></div> 
    <script> 
     $(document).ready(function() { 
      $('#Correspondence').kendoGrid({ 
       dataSource: { 
         data: @Html.Raw(Json.Encode(Model)), 
         editable: { destroy: true }, 
         batch: true, 
         pageSize: 15, 
         schema: { 
          model: { 
           id: "Id", 
           fields: { 
            Subject: { type: "string" }, 
            CorrespondenceType: { type: "number" }, 
            SentDate: { type: "date" } 
           } 
          } 
         } 
        }, 
        navigatable: true, 
        selectable: "row", 
        filterable: true, 
        sortable: true, 
        pageable: { 
         refresh: true, 
         pageSizes: true 
        }, 
        columns: [ 
         { 
          title: "Subject", 
          field: "Subject" 
         }, 
         { 
          title: "Type", 
          field: "CorrespondenceType" 
         }, 
         { 
          title: "Sent Date", 
          field: "SentDate", 
          format: "{0:MM/dd/yyyy}" 
         }, 
         { 
          command: [{ name: "openCorrespondence", text: "Open", className: "k-grid-openLaboratory", imageClass: "k-icon k-i-maximize", click: Open }, 
           { name: "deleteCorrespondence", text: "Delete", className: "k-grid-deleteLaboratory", imageClass: "k-icon k-delete", click: Delete }, 
           { name: "EditCorrespondence", text: "Edit", className: "k-grid-editLaboratory", imageClass: "k-icon k-edit", click: Edit }], 
          title: "Action" 
         } 
        ] 
       }); 
      }); // end ready 
    </script> 

但它不起作用。表甚至沒有出現。請幫幫我。謝謝。

已編輯!!!

+0

因爲這不是我的項目,所以我不得不關注他們。是的,我會試試:) – AnhTriet 2013-05-09 07:45:34

+0

真的嗎?好的,我會嘗試更仔細地查看我的代碼,也許我會找出原因。非常感謝。 – AnhTriet 2013-05-09 08:45:53

+0

我的'函授'模型有超過3個以上的屬性,但我只想顯示這3件事情,它的工作? – AnhTriet 2013-05-09 15:34:14

回答

3

我已經解決了我自己的問題。因爲我使用了命令列,所以我必須添加3個功能:Open,EditDelete。然後,電網顯示成功。