自定義彈出編輯器 - 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()) 
}, 
...