在下拉菜单中显示更多项目

时间:2016-06-08 11:50:11

标签: css selectize.js

我使用selectize作为下拉功能,

但是,我一次只能显示5个项目,

我怎样才能展示更多商品?

问题不在JS方面,

因为当我设置maxOptions: 2时,只有2个项目。

这是演示页面http://133.130.101.114:8000/portal/index.html#/pages/scrum_board

任何想法?

enter image description here

1 个答案:

答案 0 :(得分:1)

您是否尝试向下滚动下拉列表?如果只滚动,还有更多选项。 See the scrollbar to the right

编辑:现在我知道你想增加下拉列表的高度。我之前没有使用过selectize,但我想如果它在转换选择框后触发了偶数,你可以添加以下代码:

jQuery('.selectize-dropdown-content').css('max-height','50%'); //or any specific height you want in px

或者只是将它放在文档就绪的超时事件回调中:

jQuery(function(){
    setTimeout(function(){
        jQuery('.selectize-dropdown-content').css('max-height','50%');
    }, 100);
});

显示更高下拉内容的另一个屏幕截图:

Taller drop-down