jqxInput:应用CSS后无法滚动

时间:2015-09-08 09:06:36

标签: jquery jqwidget

使用jqxInput,我们决定扩展选择列表,不限制为8(默认情况下)。

$("#input").jqxInput({
    items:100
});

但我们有很长的输入列表,但没有滚动,请参阅MainWindow gets closed after SplashScreen is closed

调整 jqx-menu-vertical-energyblue {身高:150px!important; overflow-y:scroll; ] 但不幸的是,滚动不可点击。

3 个答案:

答案 0 :(得分:0)

在搞乱了jqxInput之后,我得出的结论是,如果你给垂直菜单提供自己的高度,那么项目将不会显示。如果可能的话,总是尽量避免使用!重要的是,你可以说,这对于练习很重要。

答案 1 :(得分:0)

来自jqWidget的官方回答,“不,这不受支持。” http://www.jqwidgets.com/community/topic/jqxinput-autocomplete-scrollbar-for-the-panel/

答案 2 :(得分:0)

您如何看待该解决方案? (在v9.0.0(2020年1月)中进行了测试)

/**
 * Extend the jqxInput component.
 * 
 * Extend the jqxInput component to override the click to fix a bug when user click on scrollbar.
 */
(function(a) {
    var originalClick = a.jqx._jqxInput.prototype.click;

    a.extend(a.jqx._jqxInput.prototype, {
        click: function(b) {
            var hasClass = $(b.target).hasClass("jqx-popup");
            if (!hasClass) {
                return originalClick.call(this, b);
            }
        }
    });
})(jqxBaseFramework);