페이지로드 후 그리드에 데이터 바인딩하기

Question

여기에 문제가 있습니다. 검도 그리드를 사용하면 컨트롤러의 일부 동작에서 데이터를로드하고 있습니다.하지만 마지막 컬럼에서 동일한 컨트롤러에서 다른 액션을 실행해야하는 링크가 있습니다. 삭제하면 이 코드 조각

     type: "json", 
        transport: { 
         read: { 
          url: "@Html.Raw(Url.Action("ListFinances", "Jobs"))", 
          type: "POST", 
          dataType: "json", 
          data: additionalData 
         }, 

        }, 
        schema: { 
         data: "Data", 
         total: "Total", 
         errors: "Errors" 
        }, 

마지막 열이 완벽하게 작동하고, 비트 때 코드의이 작품은, 내가 도움에 여기하십시오> 마지막 열이 작동하지 않는, 존재, mvc.Below에 새로 온 코드는 다음과 같습니다

    $("#jobs-grid").kendoGrid({ 
          dataSource: { 
           data: @Html.Raw(JsonConvert.SerializeObject(Model.FinishedJobs)), 
           schema: { 
            model: { 
             fields: { 
              JobNumber: { type: "string" }, 
              CustomerId: { type: "number" }, 
              JobCount: { type: "number" }, 
              JobYear: { type: "number" }, 
              Status: { type: "number" }, 
              Position: { type: "number" }, 
              Finished: { type: "boolean" }, 
              HasInvoice: { type: "boolean" }, 
             } 
            } 
           }, 
           type: "json", 
        transport: { 
         read: { 
          url: "@Html.Raw(Url.Action("ListFinances", "Jobs"))", 
          type: "POST", 
          dataType: "json", 
          data: additionalData 
         }, 

        }, 
        schema: { 
         data: "Data", 
         total: "Total", 
         errors: "Errors" 
        }, 
           error: function(e) { 
            display_kendoui_grid_error(e); 
            // Cancel the changes 
            this.cancelChanges(); 
           }, 
           pageSize: 20, 
           serverPaging: true, 
           serverFiltering: true, 
           serverSorting: true 
          }, 

          //dataBound: onDataBound, 
          columns: [ 
           @*{ 
              field: "Status", 
              title: "Status", 
              template: '#= Status #' 
             },*@ 
           { 
            field: "JobNumber", 
            title: "jobNumber", 
            template: '#= JobNumber #' 
           }, 
           { 
            field: "CustomerId", 
            title: "Customer", 
            template: '#= Customer.Name #' 
           }, 
           { 
            field: "Id", 
            title: "Id" 
           }, 

           @*{ 
              field: "ShortDesc", 
              title: "ShortDesc" 
             },*@ 
           { 
            field: "DateCompletition", 
            title: "DateCompletition" 
           }, 
           { 
            field: "Id", 
            title: "@T("Common.Edit")", 
            width: 130, 
            template: '<a href="../Finances/Edit/#=Id#">Edit</a>' 
           } 
          ], 
          pageable: { 
           refresh: true, 
           pageSizes: [5, 10, 20, 50] 
          }, 
          editable: { 
           confirmation: false, 
           mode: "inline" 
          }, 
          scrollable: false, 
          // sortable: true, 
          // navigatable: true, 
          // filterable: true, 
          // scrollable: true, 
          selectable: true 

         }); 
        }); 
     </script> 

Answer 1

command을 표에 추가하려는 것 같습니다. 쉼표를 추가하는 방법 here을 설명

var grid = $("#jobs-grid").kendoGrid({ 
         dataSource: { 
          pageSize: 20, 
          data: @Html.Raw(JsonConvert.SerializeObject(Model.FinishedJobs)), 
         }, 
         pageable: true, 
         height: 550, 
         columns: [ 
          { field: "JobNumber", title: "JobNumber", width: "140px" }, 
          { field: "CustomerId", title: "Customer", width: "140px" }, 
          { field: "Id", title:"Id" }, 
          { field: "DateCompletition", title:"DateCompletition" }, 
          { command: { text: "Edit", 
             click: function(e){ 
               // here you can add your code 
              }}, 
           title: " ", 
           width: "180px" }] 
        }).data("kendoGrid"); 

을 다음과 같이 차 당신은