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

debugcn 发表于 Dev

阿维吉特

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

以下是我为“ 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的Multiselect过滤器中启用垂直滚动条。

任何帮助都将受到高度赞赏。

奥列格

您当前使用的height: "auto"选项multiselect。取而代之的是，您可以使用elem.childElementCount或$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;
}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。