Ext JS панель и крошка пример не работает в JSFiddle

Question

Я новичок в Ext JS, и я пытаюсь создать JSFiddle с помощью Ext JS Framework (который включен в список Каркасы & Расширения, предоставляемые JSFiddle)

Моя скрипка is here, и только выходная панель can be viewed here.

Ожидается, что под ним появится панель инструментов с тротуаром. На самом деле я ничего не вижу. Я тестировал в разных браузерах, но до сих пор не могу видеть результат.

Хотелось бы знать, почему я не вижу выход на JSFiddle.

---

JSFiddle рисует код непосредственно из a Github account и соответствующий раздел копируется ниже для справки.

Ext.onReady(function(){ 
    var breadcrumbView = Ext.create('Ext.toolbar.BreadCrumbs', { 
     renderTo: document.body, 
     gtIconCls:'thread-greaterthan-icon', 
     removeIconCls:'thread-remove-icon', 
     crumbCls:'breadCrumb', 

     width : 700, 

     onRemoveItem:function(btn){ 
      //This is called when a user clicks on a crumb. The crumb is an Ext.button.Button, if you passed in 
      //the optional param 2 to onItemAdded, it will be attached to this btn as _extraData 
     }, 
     onRemoveSelection:function(aBtn){ 
      //This is called when a user clicks the > button. The > removes all crumbs abover the > button 
      //aBtn is an array of the buttons that were removed. 
      if(aBtn instanceof Array){ 
       for(var i=0,l=aBtn.length,itm=null; i<l; i++){ 
       } 
      } 
     } 
    }); 

    Ext.create('Ext.toolbar.Toolbar', { 
     renderTo: document.body, 
     width : 700, 
     margin : '5 0 0 0', 
     items : [ 
      { 
       text : 'Add a crumb', 
       scope : this, 
       handler: function() { 
        var text = prompt('Please enter the text for your crumb. Use commas to list crumbs:'); 
        text = text.split(','); 
        for(var i=0, l=text.length,itm=null; i<l; i++){ 
         itm = text[i]; 
         //This is how you add an item to the breadcrumb view 
         //Param 1 is some text to show the user 
         //Param 2 is an optional object to attach to the crumb. 
         breadcrumbView.onItemAdded(itm.trim(), {}); 
        } 
       } 
      } 
     ] 
    }); 
}); 

Answer 1

В вашей скрипке используется Ext JS версия 4.1.0, которая завершится с ошибкой. Если вы измените версию Ext JS, используемую JSFiddle для 4.1.1 или выше, результат будет таким, как ожидалось.

При запуске веб-консоли разработчика в вашем браузере, а затем загрузить скрипку, вы увидите, что скрипт завершается с ошибкой:

ReferenceError: Ext is not defined

Это означает, что базовый объект Ext JS не определены. Это может быть ошибкой в ​​том, как JSFiddle пытается загрузить инфраструктуру Ext JS для 4.1.0 и более ранних версий.