18、Ext JS 应用开发：邮件客户端与生产准备全流程

Ext JS 应用开发：邮件客户端与生产准备全流程

1. 邮件客户端模块开发

在邮件客户端模块开发中，我们致力于实现类似 Outlook 的功能，包括邮件预览显示控制、邮件拖动排序以及新邮件撰写等功能。

1.1 邮件预览显示控制

根据用户的选择，邮件预览的显示位置会有所不同：
- 若用户选择在底部显示预览（#4），则东部容器必须隐藏，南部容器必须显示。
- 若用户选择在右侧显示预览（#5），则东部容器必须显示，南部容器必须隐藏。
- 若用户选择隐藏预览（#6），则南部和东部容器都必须隐藏。

1.2 邮件拖动排序功能实现

为了实现邮件的拖动排序功能，我们需要在 Grid 面板（邮件列表）和 Tree 面板（邮件菜单）中添加拖放功能。
- Grid 面板添加拖放功能 ：在 Packt.view.mail.MailList 类的 viewConfig 方法中添加以下代码：

plugins: {
    ptype: 'gridviewdragdrop',
    ddGroup: 'mailDD'
}

这里我们添加了 Ext JS SDK 原生的拖放插件，并为 ddGroup 命名，它代表了该插件能够交互的拖放区域。
- Tree 面板添加拖放功能 ：在 Packt.view.mail.