ExtJS的經典沙箱VS經典主題

Question

有誰知道是什麼ExtJS的classic sandbox VS classic主題之間的區別？

我發現classic sandbox主題例子/資源/folder但在右上角工具欄只有4個選項（接入，經典，灰色，海王星）。如果可能的話，我如何設置它以獲得第五個選項。

Answer 1

沙盒聽起來像一種操場，但我從來沒有看過它（旁註：時的SANbox默認使用x使用x4前綴）。無論如何，你可以添加它或任何其他主題，如

在沙箱的情況下，我們必須調整，因爲加載器有一個靜態名稱前綴ext-all。所以重命名下列文件。

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

到

resources/css/ext-all-sandbox.css 
resources/css/ext-all-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' } 
     ] 
    }), 
/.... 

加{值之後： '沙箱'，名稱：「經典的沙盒'}到它看起來像的數據數組Ë

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，找到function getSizing(id)

基礎上添加新主題的大小。在沙箱的情況下，我們會改變

if (theme == 'gray') { 

到

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

就是這樣。現在你可以從選項組合中選擇它，它會被加載。