ボタンがカスタムコマンド（剣道UI）を使用して列に追加されない

Question

最後の列にボタンを追加して、onClick - > modal windowを作成しようとしています。

ボタンが

• ブラウザはJSは私がプロジェクトに
を再構築しようとしました、それはVisualStudioを
• のように同じであるファイルを見ている...新しい列だけでなく、表示されません
• 改名JSファイル
• リブート:)
• ブラウザの検査官は私に発生した新たな 列が存在しないことを理解しています...
の

PLSは私に何が悪かったのかの手掛かりを与えますか？どうもありがとう！！！

$(document) 
.ready(function() { 


    //KendoGrid 
    var tabStrip; 
    var GridObject; 
    var expandedRowDataItem; 
    var accountInfoTabData; 
    var rowObject; 


    $("#grid") 
     .kendoGrid({ 
      dataSource: { 
       transport: { 
        read: { 
         url: "/api/GridData/GetCustomers", 
         dataType: "json" 
        } 
       }, 
       pageSize: 20, 
       schema: { 
        parse: function(response) { 

         $.each(response, 
          function(idx, elem) { 
           if (elem.RegistrationDate && typeof elem.RegistrationDate === "string") { 
            elem.RegistrationDate = kendo.parseDate(elem.RegistrationDate); 
           } 

           if (elem 
            .RemovalFromClientsDate && 
            typeof elem.RemovalFromClientsDate === "string") { 
            elem.RemovalFromClientsDate = kendo.parseDate(elem.RemovalFromClientsDate); 
           } 

          }); 
         return response; 
        } 
       } 
      }, 
      autoBind: true, 
      height: 550, 
      filterable: true, 
      groupable: true, 
      sortable: true, 
      //editable: "inline", 
      pageable: { 
       refresh: true, 
       pageSizes: true, 
       buttonCount: 5 
      }, 
      detailTemplate: kendo.template($("#template").html()), 
      detailInit: detailInit, 

      detailExpand: function(e) { 
       //this.collapseRow(this.tbody.find(" > tr.k-master-row").not(e.masterRow)); 
       expandedRowDataItem = this.dataItem(e.masterRow); 

      } 
     }, 
     { 
      columns: [ 
       { field: "UniqueClientCode", title: "Уникальный код клиента" }, 
       { field: "ClientName", title: "Имя клиента" }, 
       { field: "ClientOKPO", title: "ОКПО клиента" }, 
       { 
        field: "RegistrationDate", 
        title: "Дата регистрации", 
        type: "date", 
        format: "{0:dd/MM/yyyy}" 
       }, 
       { 
        field: "RemovalFromClientsDate", 
        title: "Дата удаления из клиентов", 
        type: "date" 
       }, 
       { 
        command: { text: "View Details", click: showDetails }, 
        title: "View DT", 
        width: "50px" 
       } 
      ] 
     }); 

     function showDetails(e) { 
     alert("view"); 
    } 

Answer 1

最後の列 EDITとしてあなたの列定義の最後にこれを試してみてください（RAZOR）：この質問を設定するための

columns.Template(p => { }).ClientTemplate("<button style='width: 20px;'><i class='fa fa-pencil-square-o' aria-hidden='true'></i></button> <button style='width: 20px;'><i class='fa fa-trash' aria-hidden='true'></i></button>").Width(130).Title("Edit/Delete").HtmlAttributes(new { @class = "tdCenter" }); 

Answer 2

申し訳ありません。問題は見つかった...そのことはとてもばかげている... "かっこ"。

列セクションでは、個別の括弧の中にいた：

{ 
columns: [ 
/*some code*/ 
] 
} 

そして、何とかそれはボタンが付いた最後の列を除き、グリッド全体のために働きました。

そして、それはこの方法でなければなりません：

$("#grid") 
    .kendoGrid({ 
     dataSource: { 
/*DataSource*/ 
}, 
columns: [ /*some code*/ 
] 
});