Javascript extjs经典沙盒vs经典主题

有人知道ExtJS与经典沙盒和经典主题有什么区别吗

---

我在examples/resources/

文件夹中找到了
classic sandbox
主题，但右上角的工具栏只有4个选项（access、classic、gray、Neptune）。如果可能的话，我如何将其设置为具有第五个选项
 沙盒听起来像一个游乐场，但我从来没有看过它（旁注：sanbox使用
x4
前缀，而默认值使用
x
）。无论如何，你可以添加它或任何其他类似的主题

在沙箱的情况下，我们必须调整，因为加载程序有一个静态名称前缀
extall
。因此，重命名以下文件

resources/css/ext-sandbox.css
resources/css/ext-sandbox-debug.css 

到

在那之后

examples/shared/options-toolbar.js

以及以下组件定义

{
    xtype: 'combo',
    rtl: false,
    width: 170,
    labelWidth: 50,
    fieldLabel: 'Theme',
    displayField: 'name',
    valueField: 'value',
    labelStyle: 'cursor:move;',
    margin: '0 10 0 0',
    store: Ext.create('Ext.data.Store', {
         fields: ['value', 'name'],
         data : [
             { value: 'access', name: 'Accessibility' },
             { value: 'classic', name: 'Classic' },
             { value: 'gray', name: 'Gray' },
             { value: 'neptune', name: 'Neptune' }
         ]
    }),
/....

将{value:'sandbox'，name:'Classic sandbox'}添加到它看起来像的数据数组中

data : [
    { value: 'access', name: 'Accessibility' },
    { value: 'classic', name: 'Classic' },
    { value: 'gray', name: 'Gray' },
    { value: 'neptune', name: 'Neptune' },
    { value: 'sandbox', name: 'Classic Sandbox' } // new line
]

打开
examples/themes/themes.js
并查找
函数getSizing（id）

根据新主题添加大小。在沙箱的情况下，我们会改变

if (theme == 'gray') {

到

就这样。现在您可以从选项组合中选择它，它将被加载

if (theme == 'gray') {

if (theme == 'gray' || theme == 'sandbox') {