16、Ext JS 窗口管理与特效应用

Ext JS 窗口管理与特效应用

1. 窗口管理

在处理窗口时，我们需要确保窗口变量持有有效的窗口引用，然后才能显示窗口。以 showSession 函数为例，当确认 win 变量指向有效窗口后，显示窗口并将其与触发显示操作的 div 元素对齐，这通过调用窗口的 alignTo 函数实现。 showAgent 函数与之类似，只是涉及的是 agentsGroup 而非 sessionsGroup 。

为了管理窗口组，我们可以在 init 函数中添加代码，通过窗口组对客服工作区进行清理：

g('hideSessions').on('click', this.sessionsGroup.hideAll);
g('hideAgents').on('click', this.agentsGroup.hideAll);

这两行代码为 hideSessions 和 hideAgents 按钮添加了事件监听器，点击按钮时，分别调用 sessionsGroup 和 agentsGroup 的 hideAll 函数，从而隐藏所有会话窗口或代理窗口。

此外，我们还可以为其他按钮添加事件监听器，