如何防止剑道网格中的编辑器事件？

Question

当我单击所附示例中的下载链接时，我只希望执行下载事件，而不希望执行编辑器事件。

Dojo示例：https://dojo.telerik.com/EcEDiGUB/27

HTML：

<div id="grid"></div>

JS：

var grid;
$(document).ready(function(){
grid = $("#grid").kendoGrid({
  columns: [
    { 
      field: "name",
    },
    { 
      field: "file",
      template: function(e){
       return '<div class="box">' + e.file + '</div>';
      },
      editor: function(e){
        alert("open media editor");
        return true;
      }
    }
  ],
  dataSource: {
   data: [
    { id: 1, name: "Jane Doe", file: "<div class='container'></div>" +
                                        "<div class='file k-icon k-i-file-pdf'></div>" +
                                        "<div class='download k-icon k-i-download'></div>" +
                                      "</div>" },
    { id: 2, name: "John Doe", file: "<div class='container'></div>" +
                                        "<div class='file k-icon k-i-file-pdf'></div>" +
                                        "<div class='download k-icon k-i-download'></div>" +
                                      "</div>" +
                                      "<div class='container'></div>" +
                                        "<div class='file k-icon k-i-file-xls'></div>" +
                                        "<div class='download k-icon k-i-download'></div>" +
                                      "</div>" }
   ],
   schema:{
    model: {
     id: "id",
     fields: {
       file: { type: "string"}
     }
    }
   }
  },
  editable: true,
}).data("grid");


$(".download").on("click", function(e){
  e.preventDefault();
  alert("download media"); 
});

现在是可编辑模式：

editable: true,

应保留，因为可以编辑以及开始下载。

如何在不触发编辑器事件的情况下单击下载图标来开始下载？

Answer 1

您可以使用columns.editable属性：

columns.editable

{ 
      field: "file",
      template: function(e){
       return '<div class="box">' + e.file + '</div>';
      },
      editable: function(){
        return false;
      },
      editor: function(e){
        alert("open media editor");
        return true;
      }
    }