2013-05-09 91 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。然后,电网显示成功。