自定义弹出编辑器 - Kendo UI网格

Question

是否可以有一个用户定义的弹窗编辑器为剑道网格？如果是如何添加该编辑器？

我想下面的编辑当我点击电网的编辑按钮弹出，

<div class="modal inmodal fade" id="myModal5" tabindex="-1" role="dialog" aria-hidden="true"> 
     <div class="modal-dialog modal-lg"> 
      <div class="modal-content"> 
       <div class="modal-header" style="padding-top: 10px;"> 
       </div> 
       <div class="modal-body"> 


       </div> 
       <div class="modal-footer"> 
        <button type="button" class="btn btn-white" data-dismiss="modal">Close</button> 
        <button type="button" class="btn btn-primary" ng-click="SaveZone()">Save</button> 
       </div> 
      </div> 
     </div> 
    </div> 

Answer 1

你需要指定剑道模板是这样的：

<script id="custom_editor" type="text/x-kendo-template"> 
    <div> 
     <label> some label </label> 
    </div> 
    <div> 
     <input type="text" name="Name" /> 
    </div> 
</script> 

注意，需要该名称参数正确地将输入映射到模型中的字段。

然后在网格specifiy editable这样

...  
editable: { 
    mode: "popup", 
    template: kendo.template($("#custom_editor").html()) 
}, 
...