在开发使用 ExtJS 的应用程序时,选择正确的工具包(Toolkit)和理解组件的使用是非常关键的。这篇博客将详细探讨在 ExtJS 中如何选择现代工具包和经典工具包,并通过一个实际的登录窗口示例来说明不同工具包下组件的使用差异。
工具包选择
ExtJS 提供了两个主要的工具包:Modern Toolkit和Classic Toolkit。每个工具包都有其特定的用途和适用场景:
- Modern Toolkit主要用于移动设备和响应式设计,提供一个更简洁、触摸友好的界面。
- Classic Toolkit则更适合传统的桌面应用,强调丰富的桌面级用户体验。
在项目初始化时,选择合适的工具包至关重要,因为一旦选择,组件的使用和代码结构会有很大的不同。
组件使用示例
让我们通过一个简单的登录窗口示例来看看在不同工具包下如何使用Ext.form.Panel组件。
经典工具包下的登录窗口
在经典工具包中,Ext.form.Panel的别名是form。以下是一个简单的登录窗口代码:
Ext.