jquery - JQGrid 多选过滤器的滚动条 - 如何设置

Question

目前，我面临为多选过滤器启用垂直滚动条的问题。

下面是我为“DemandId”设置多选过滤器的代码，如下所示setSearchSelect("DemandId", jQuery("#listTable"));：

setSearchSelect = function (columnName, grid) {
            grid.jqGrid('setColProp', columnName,
                    {
                        searchoptions: {
                            clearSearch: false,
                            sopt: ['eq', 'ne'],
                            value: buildSearchSelect(getUniqueNames(columnName, grid)),
                            attr: { multiple: 'multiple', size: 3 },
                            dataInit: dataInitMultiselect
                        }
                    }
        );
dataInitMultiselect = function (elem) {
                    setTimeout(function () {
                        var $elem = $(elem), id = elem.id,
                            inToolbar = typeof id === "string" && id.substr(0, 3) === "gs_",
                            options = {
                                selectedList: 2,
                                height: "auto",
                                checkAllText: "all",
                                uncheckAllText: "no",
                                noneSelectedText: "Any",
                                open: function () {
                                    var $menu = $(".ui-multiselect-menu:visible");
                                    $menu.width("auto");
                                    return;
                                }
                            },
                            $options = $elem.find("option");
                        if ($options.length > 0 && $options[0].selected) {
                            $options[0].selected = false; // unselect the first selected option
                        }
                        if (inToolbar) {
                            options.minWidth = 'auto';
                        }
                        //$elem.multiselect(options);
                        $elem.multiselect(options).multiselectfilter({ placeholder: '' });
                        $elem.siblings('button.ui-multiselect').css({
                            width: inToolbar ? "98%" : "100%",
                            marginTop: "1px",
                            marginBottom: "1px",
                            paddingTop: "3px"
                        });
                    }, 50);

如何在 JQGrid 的多选过滤器中启用垂直滚动条。

非常感谢任何帮助。

Answer 1

您使用当前height: "auto"的选项multiselect。取而代之的是，您可以使用elem.childElementCountor$elem.find("option").length来获取项目的数量。如果您有太多项目，您可以使用一些固定数值作为height参数而不是height: "auto". 或者，您可以将max-heightCSS 属性设置为回调内部的<ul>直接子级。例如尝试使用$menuopen

open: function () {
    var $menu = $(".ui-multiselect-menu:visible");
    $menu.width("auto");
    $menu.find(">ul").css("maxHeight", "50px"); // some max-height value
    return;
}