Bootstrap Multiselect（David Stutzs）选项显示病房方向

Question

我将多选下拉列表转换为Bootstrap Multiselect版本，并根据应用程序页面的要求放置在页面末尾。

现在，单击此多选项会导致页面垂直滚动条显示，因为它向下显示选项。有没有办法向上显示选项（也可以自动根据页面上的可用空间）？ 如果空间可用，则向下显示，否则自动显示。

我使用以下配置进行多选 -

MultiSelect.setMultiSelect = function MultiSelect$setMultiSelect(input,includeSelectAllOption) {
    var inputField = jQuery('#' + input);
    try
    {
        inputField
                .multiselect({
                    maxHeight : 400,
                    includeSelectAllOption : includeSelectAllOption,
                    enableFiltering : false,
                    buttonWidth : '100%',
                    dropRight : true
                    }
                });
    } catch (ex)
    {}
}

Answer 1

在文档中，您可以看到方法dropup

http://davidstutz.github.io/bootstrap-multiselect/#configuration-options-dropUp

您可以在以下选项中定义它：

MultiSelect.setMultiSelect = function MultiSelect$setMultiSelect(input,includeSelectAllOption) {
    var inputField = jQuery('#' + input);
    try
    {
        inputField
                .multiselect({
                    maxHeight : 400,
                    includeSelectAllOption : includeSelectAllOption,
                    enableFiltering : false,
                    buttonWidth : '100%',
                    dropUp : true
                    }
                });
    } catch (ex)
    {}
}

请记住maxheight需要设置