JQGrid Multiselect过滤器的滚动条 - 如何设置

Question

目前我遇到了为多选过滤器启用垂直滚动条的问题。

以下是我为＆＃34; DemandId＆＃34;设置多选过滤器的代码。像这样：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的Multiselect过滤器中启用垂直滚动条。

非常感谢任何帮助。

Answer 1

您目前使用height: "auto" multiselect选项。除此之外，您可以使用elem.childElementCount或$elem.find("option").length来获取商品数量。如果您的项目太多，则可以使用height参数的固定数值而不是height: "auto"。或者，您可以将max-height CSS属性设置为<ul>，这是$menu回调中open的直接子项。例如，尝试使用

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