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"
        }
        ]
    }
});
}

在我的选项栏中显示“默认导入/导出目录”，我需要删除下拉列表并使用按钮，然后在我的选项列中显示“空白行中的第一列以获得焦点”，I需要将下拉列表中的值从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 Grid

1 个答案: