Question

我正在使用自定义弹出编辑器模板作为网格的编辑弹出选项：

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

<!-- popup editor template -->
    <script id="popup_editor" type="text/x-kendo-template">
            template
            </script>

模板的要求有一些不在网格中的多选控件，用户在这些多选控件中选择的内容的摘要决定了网格中的“摘要”字段。例如：

（multi-select1）颜色：红色，蓝色，紫色---不是网格中的字段（multi-select2）size：xs，s ---不是网格中的字段

总结：color =“红色，蓝色，紫色”; size =“xs，s”---网格中显示的字段

问题是：如何在编辑弹出自定义模板中添加多选？

Answer 1

您可以使用columns definition为字段指定自定义编辑器功能，它甚至可以用于弹出编辑模式。

columns: [ {
    field: "name",
    editor: function(container, options) {
     // create an input element
     var select= $("<select/>");
     // set its name to the field to which the column is bound ('name' in this case)
     select.attr("name", options.field);
     select.appendTo(container);
     select.kendoMultiSelect({ 
     dataSource: {
        data: ["red", "blue"]
       }    
     });
    }
  } ],

Kendo UI网格弹出编辑自定义模板 - 添加多选控件

1 个答案: