extjs 6 具有无限滚动的现代组合框答案

【问题标题】：extjs 6 modern combobox with infinite scrollingextjs 6 具有无限滚动的现代组合框
【发布时间】：2018-01-04 22:49:12
【问题描述】：

基于 mitchellsimoens 在 sencha 论坛上的this 评论，我尝试在 extjs 6.5.2 现代 中实现无限滚动组合框。

问题在于将combobox 存储设置为virtual store 会产生此错误：Uncaught TypeError: a.setExtraKeys is not a function。

我还将floatedPicker 设置为：

{
xtype: 'boundlist',
infinite: true,
// BoundListNavigationModel binds to input field
// Must only be enabled when list is visible
navigationModel: {
    disabled: true
},
scrollToTopOnRefresh: false,
loadingHeight: 70,
maxHeight: 300,
floated: true,
axisLock: true,
hideAnimation: null
}

有没有办法在 extjs 6 modern 中实现无限滚动组合框，而无需将默认选择器更改为网格？

【问题讨论】：

标签： javascript extjs combobox infinite-scroll extjs6-modern

【解决方案1】：

好的，这确实有效：

floatedPicker: {
            xtype: 'boundlist',
            infinite: true,
            // BoundListNavigationModel binds to input field
            // Must only be enabled when list is visible
            navigationModel: {
                disabled: true
            },
            plugins: {
                listpaging: {
                    autoPaging: true,
                    loadMoreText: 'More records..',
                    noMoreRecordsText: 'No more records.'
                }
            },
            scrollToTopOnRefresh: false,
            loadingHeight: 70,
            maxHeight: 300,
            floated: true,
            axisLock: true,
            hideAnimation: null,
            variableHeights: true
        }

加载时有点难看，但可以。

我还使用了Ext.data.store。虚拟商店不适用于组合框。

【讨论】：