javascript - 拖动窗口

Question

我对此做了一些研究，但仍然找不到好的解决方案。我在 ExtJS 4.1 中编写我的应用程序，当我在 iPod 上运行它时，默认情况下禁用拖动功能(这是我想要的)，但如果我在 ExtJS 6.2 中编写相同的应用程序，所有窗口都可以拖动，这会导致可见性问题的应用程序。话虽如此，有谁知道在使用平板电脑(iPod、iPad 等)时如何禁用窗口拖动？我正在使用 ExtJS 6.2

这是我的工作代码，适用于单个窗口，但我想要一个通用的解决方案来阻止所有窗口被拖动。

       var win = Ext.create('Ext.Window', {
            title: "My Window",
            width: 500,
            modal: true,
            layout: 'fit',
            items: form,
            buttons: [{
                text: 'Close',
                handler: function() {
                    win.hide();
                }
            }]
        });

        win.show();

        if(Ext.os.deviceType === 'Tablet') {
            win.dd.disable();
        }

Answer 1

“全局解决方案”听起来像是您想使用覆盖将其他答案之一全局应用到您的应用程序:

Ext.define('MyAppName.override.Window', {
    override: 'Ext.window.Window',
    initComponent: function() {
        this.callParent(arguments);
        if(Ext.os.deviceType === 'Tablet') {
            this.dd.disable();
        }
    }
})

或

Ext.define('MyAppName.override.Window', {
    override: 'Ext.window.Window',
    initComponent: function() {
        if(Ext.os.deviceType === 'Tablet') {
            this.draggable = false;
        }
        this.callParent(arguments);
    }
})

要使覆盖工作，将其放入文件 app/override/Window.js 并在 Application.js 中添加对 requires 数组的引用:

requires: [
    'MyAppName.override.Window'
],