如何在 Kendo 网格中切换模板列

Question

我有一个 Kendo 网格，其中有一个下拉列表的模板列。如何切换模板列以在某些行上使用不同的控件？这是我的网格

function OrderEntryOptions() {
$("#orderEntryOptions").kendoGrid({
    columns: [{
        field: "Options",
        title:"Options"
    },
    {
        field: "SelectAreas",
        template: '<select class="form-control" ><option>False</option><option>True</option></select>',
    }],
    dataSource: {
        data: [{
            Options: "Show Self Note Column"
        },
        {
            Options: "Ctrl+C, Ctrl-V for Excel Commands"
        },
        {
            Options: "Validation: Show Yellow Alerts when Printing"
        },
        {
            Options: "Default Import/Export Directory"
        },
        {
            Options:"Show Sq. Ft. on screen"
        },
        {
            Options: "Process Global Defaults"
        },
        {
            Options: "Catalog Tree Auto-Expand"
        },
        {
            Options: "Hide Sections column in Globals"
        },
        {
            Options:"First column in blank row to get focus"
        },
        {
            Options: "Search on item name only"
        }
        ]
    }
});
}

在显示 "Default Import/Export Directory" 的选项列中，我需要删除下拉菜单并改用按钮，然后在显示 "First column in blank row to get focus" 的选项列中，我需要更改值在从 True/False 到另一个网格的列名称的下拉列表中。

Answer 1

您可以使用以下方式指定模板：

<script id="rowTemplate" type="text/x-kendo-tmpl">    
</script>

在您的网格定义中更改：

template: '<select class="form-control" ><option>False</option><option>True</option></select>'

至：

 kendo.template($("#rowTemplate").html()

在此模板中，您可以添加条件，例如：

  <script id="rowTemplate" type="text/x-kendo-tmpl">
        # if (Options== "Default Import/Export Directory") { #
        <button id="button_id">Button text</button>
        # } else { #
         <select class="form-control" ><option>False</option><option>True</option></select>
        # } #            
    </script>

如何在 Kendo 网格中切换模板列

How to switch template column in Kendo Grid

c#

asp.net-mvc

jquery

kendo-grid