ExtJs：添加不带css的水平滚动条

大家好，我正试图用

overflowX:'scroll'，

我可以看到滚动条，但它仍然不起作用：

    Ext.define('Shopware.apps.UnSqlReader.view.window.Window', {
    extend: 'Enlight.app.Window',
    alias: 'widget.main-window-view',
    height: '80%',
    width: 1200,
    layout: 'fit',
    title: '{s name=window_title}SQL Reader{/s}',
    initComponent: function () {
    var me = this;
    me.items = me.getItems();
    me.dockedItems = me.createDockedItems();
    me.callParent(arguments);
    },
    createDockedItems: function () {
    var me = this;
    return [
        {
        width: 185,
        xtype: 'toolbar',
        dock: 'top',
        items: [
            {
            xtype: 'combobox',
            id: 'sqlField',
            editable: false,
            emptyText: 'Select SQL file',
            displayField: 'name',
            valueField: 'name',
            store: Ext.create('Shopware.apps.UnSqlReader.store.UnSqlReaderFileList'),
            listeners: {
                change: function (field, newValue) {
                me.fireEvent('onSqlChange', me, newValue);
                }
            }
            }
        ]
        }
    ];
    },
    getItems: function () {
    var me = this;
    me.grid = Ext.create('Ext.grid.Panel', {
        alias: 'widget.view-grid-grid',
        hidden: true,
        layout: 'fit',
        height: '80%',
        width: 500,
        overflowX: 'scroll',
        autoScroll: true,
        columns: [
        ],
        dockedItems: [
        me.getPagingbar()
        ]
    });
    return [me.grid];
    },
    getPagingbar: function () {
    var me = this;
    me.pagingBar = Ext.create('Ext.toolbar.Paging', {
        dock: 'bottom',
        displayInfo: true
    });

    return me.pagingBar;
    }
});

---

有人有主意吗？：）谢谢你

不要提及

overflowX:'scroll'，

autoScroll:true，

足以获得水平滚动

不要提及

overflowX:'scroll'，

autoScroll:true，足以获得水平滚动

删除

布局：'fit'

配置。布局配置用于配置它的组件的所有子项。如果在窗口上放置

layout:“fit”

，则这将应用于该窗口的项目阵列中的所有项目。在您的情况下，网格将获得合适的布局（如窗口上配置的），并将自动“适合”窗口的大小。它将永远无法滚动。

删除

布局：“fit”

config。布局配置用于配置它的组件的所有子项。如果在窗口上放置

layout:“fit”

，则这将应用于该窗口的项目阵列中的所有项目。在您的情况下，网格将获得合适的布局（如窗口上配置的），并将自动“适合”窗口的大小。它将永远无法滚动。

请尝试以下代码：

    getItems: function () {
        var me = this;
        me.grid = Ext.create('Ext.grid.Panel', {
            alias: 'widget.view-grid-grid',
            columns: [
            ],
            viewConfig:{
               forceFit:false
            },
            dockedItems: [
            me.getPagingbar()
            ]
        });
        return me.grid;
   },

请尝试以下代码：

    getItems: function () {
        var me = this;
        me.grid = Ext.create('Ext.grid.Panel', {
            alias: 'widget.view-grid-grid',
            columns: [
            ],
            viewConfig:{
               forceFit:false
            },
            dockedItems: [
            me.getPagingbar()
            ]
        });
        return me.grid;
   },

---

您是否尝试将可滚动的“水平”（或true）添加到网格中？是：）尝试现在仍然没有功能：/如果我是您，我将从网格中删除布局：“适合”（因为父面板布局已经适合）和宽度。然后，添加滚动条。但我不确定。顺便说一句，仍然没有成功。我找不到可滚动的属性。我想这不存在：DSo，我不确定你还能尝试什么。是的，确实如此。您是否尝试将可滚动的：“水平”（或true）添加到网格？是：）现在尝试将其仍不起作用：/如果我是您，我将从网格中删除布局：“适合”（因为父面板布局已经适合）和宽度。然后，添加滚动条。但我不确定。顺便说一句，仍然没有成功。我找不到可滚动的属性。我想这不存在：DSo，我不确定你还能尝试什么。是的，是的，嗯，我可以看到条形图，但我不知道为什么我不能使用它：（，我可能需要更改布局吗？在删除

overflowX:“滚动”

？您使用的是哪个版本？嗯，我可以看到条形图，但我不知道为什么我不能使用它：（，我可能需要更改布局吗？在删除

overflowX:'scroll'

后，您是否检查了布局？您使用的是哪个版本？