Javascript 如何调整剑道下拉列表窗口的高度

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

    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');
        });

函数artDropDownEditor（容器，选项）{
$('')
.appendTo（容器）
.kendoDropDownList({
自动绑定：错误，
数据源：gridDataSource（actions.wasserversorgung.getAllWasserbezug，10）
});
}
var wasserversorgungGrid=$（“#wasserversorgung grid”）.kendoGrid({
数据源：wasserversorgungGridDataSource，
可滚动：对，
可导航：是的，
可排序：是的，
专栏菜单：是的，
可选：“行”，
可编辑：{
确认：“ausgewählte是服务商还是服务商？”，
},
可分页：{
页面大小：[10,20,50]，
刷新：是的，
},
可过滤：正确，
可调整大小：正确，
身高：500，
栏目：[
{
字段：“Wasserbezug”，
标题：“瓦瑟尔索尔贡艺术”，
宽度：“120px”，
校长职位：“艺术之王”，
编辑：artDropDownEditor，
模板：“#=Wasserbezug.Art”，
},
]
}).data（）.kendoGrid；
绑定（'dataBound'，函数（e）{
this.element.find（'tbody tr:first'）.addClass（'k-state-selected'）；
});

下拉列表的数据源有10条记录，但在下拉列表中只能看到9条记录，而无需向下滚动。 现在，我想设置下拉列表，以便不必滚动就能看到所有10条记录。 有人能告诉我怎么做吗

谢谢，并致以最良好的问候。

---

Manu

您可以使用DropDownList的高度配置（）

函数artDropDownEditor（容器，选项）{
$('')
.appendTo（容器）
.kendoDropDownList({
自动绑定：错误，
数据源：gridDataSource（actions.wasserversorgung.getAllWasserbezug，10），
身高：1000
});
}

此设置为“建议”，因为弹出窗口的高度不会超过项目的高度，即，即使将值设置为1000，但只需500px即可显示所有项目，弹出窗口也将仅为500px

例如：

---

如果没有高度配置，类别弹出窗口上将有一个滚动条，弹出窗口的大小刚好足以显示所有项目。

您可以使用DropDownList的高度配置（）

函数artDropDownEditor（容器，选项）{
$('')
.appendTo（容器）
.kendoDropDownList({
自动绑定：错误，
数据源：gridDataSource（actions.wasserversorgung.getAllWasserbezug，10），
身高：1000
});
}

此设置为“建议”，因为弹出窗口的高度不会超过项目的高度，即，即使将值设置为1000，但只需500px即可显示所有项目，弹出窗口也将仅为500px

例如：

---

如果没有高度配置，类别弹出窗口上会有一个滚动条，弹出窗口的大小足以显示所有项目。

@Stephen:谢谢你的提示。我不认为这是那么容易-这对我的情况非常有效@斯蒂芬：谢谢你的提示。我不认为这是那么容易-这对我的情况非常有效！

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