如何调整kendo下拉列表的高度window

Question

我在 kendo 网格列中使用 kendo 下拉列表（包含静态内容），如下所示：

    function artDropDownEditor(container, options) {
    $('<input required data-text-field="Art" data-value-field="Landescode" data-bind="value:' + options.field + '"/>')
        .appendTo(container)
        .kendoDropDownList({
            autoBind: false,
            dataSource: gridDataSource(actions.wasserversorgung.getAllWasserbezug, 10)
        });
}

        var wasserversorgungGrid = $("#wasserversorgung-grid").kendoGrid({
        dataSource: wasserversorgungGridDataSource,
        scrollable: true,
        navigatable: true,
        sortable: true,
        columnMenu: true,
        selectable: "row",
        editable: {
            confirmation: "ausgewählte Wasserversorgung löschen?",
        },
        pageable: {
            pageSizes: [10, 20, 50],
            refresh: true,
        },
        filterable: true,
        resizable: true,
        height: 500,
        columns: [
            {
                field: "Wasserbezug",
                title: "Art der Wasserversorgung",
                width: "120px",
                headerTemplate: "<span title='@I(40)' style='@S(40)'>Art der Wasserversorgung</span>",
                editor: artDropDownEditor,
                template: "#=Wasserbezug.Art#",
            },
            ]
        }).data().kendoGrid;

        wasserversorgungGridDataSource.bind('dataBound', function(e) {
            this.element.find('tbody tr:first').addClass('k-state-selected');
        });

下拉列表的数据源有10条记录，但在下拉列表中只能看到9条，无需向下滚动。现在，我想设置下拉列表，以便无需滚动即可查看所有 10 条记录。谁能告诉我如何做到这一点？

谢谢并致以最诚挚的问候。马努

Answer 1

可以使用DropDownList的高度配置(http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist#configuration-height)

function artDropDownEditor(container, options) {
$('<input required data-text-field="Art" data-value-field="Landescode" data-bind="value:' + options.field + '"/>')
    .appendTo(container)
    .kendoDropDownList({
        autoBind: false,
        dataSource: gridDataSource(actions.wasserversorgung.getAllWasserbezug, 10),
        height: 1000
    });
}

此设置为"suggestion"，因为弹窗的高度不会超过项目的高度，即即使您将值设置为 1000 但显示所有项目只需要 500px，弹窗将只能是 500px.

示例：http://dojo.telerik.com/@Stephen/OCOkI

如果没有高度配置，类别弹出窗口将有一个滚动条，并且弹出窗口将足够大以显示所有项目。

如何调整kendo下拉列表的高度window

How to adjust the height of the kendo dropdown list window

javascript

kendo-ui

kendo-grid

kendo-asp.net-mvc