【问题标题】:ExtJS: How to override custom minimize behavior of Ext.window.Window?ExtJS:如何覆盖 Ext.window.Window 的自定义最小化行为?
【发布时间】:2018-07-12 13:11:35
【问题描述】:

有一个 minimizable 布尔配置会触发 minimize 事件。

问题是,我怎样才能在DOM 上为这个事件覆盖和定义一个新位置?我的目标是将窗口最小化到应用程序的footerpanel

下面说minimize函数Ext.window.Window

minimize: function () {
    this.fireEvent('minimize', this);
    return this;
}

【问题讨论】:

    标签: extjs position window overriding minimize


    【解决方案1】:

    你可以像下面这样尝试:-

    "minimize": function (window, opts) {
        window.collapse();
        window.setWidth(150);
        window.alignTo(Ext.getBody(), 'bl-bl')
    }
    

    Working fiddle

    注意:您可以阅读更多关于alignTo 选项here 的信息。

    【讨论】:

    • 是否可以将alignTo 转换为特定的类,例如'Ext.tab.Panel'。我上课了; Ext.define('MyApp.MainPanel', { extend: 'Ext.tab.Panel', alias: 'widget.mainpanel', 并将 minimize 方法设置为 window.alignTo(Ext.getBody(), 'mainpanel'); 但当然返回错误:Uncaught Error: Attempted to align an element with an invalid position: "tl-mainpanel"
    • 请正确阅读文档中的alignTo方法,然后您可以尝试一下。
    • 我在最小化多个窗口期间查看“设置自动偏移”,但无法获得任何好的示例/建议。你能分享一下这个目标的想法吗?我的目标;我将有几个窗口,每个窗口都可以最小化,但是这个实现的东西;所有最小化的窗口一遍又一遍,用户不知道有多少窗口被最小化。因此我想为什么不设置自动偏移量!如果任何窗口已经最小化,则在其右侧最小化新窗口。但正如我所说,找不到任何好的样品。这种方法有什么想法吗?
    猜你喜欢
    • 2023-03-10
    • 1970-01-01
    • 1970-01-01
    • 2017-06-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-23
    • 2019-05-07
    相关资源
    最近更新 更多