breadcrumbs example does not work

[abe001]

I've got this code from a book:

Ext.define('Myapp.sample.store.mainMenu', {
extend: 'Ext.data.TreeStore',
root: {

text: 'My app',
expanded: true,
children: [{
text: 'Modules',
expanded: true,
children: [
{leaf: true, text: 'Employees'},
{leaf: true, text: 'Customers'},
{leaf: true, text: 'Products'}
]
},{
text: 'Market',
expanded: true,
children: [
{leaf: true, text: 'Sales'},
{leaf: true, text: 'Budgets'},
{leaf: true, text: 'SEO'},
{leaf: true, text: 'Statistics'}
]
},{
text: 'Support',
children: [
{leaf: true, text: 'Submit a ticket'},
{leaf: true, text: 'Forum'},
{leaf: true, text: 'Visit our web site'}
]
},
{leaf: true, text: 'Reports'},
{leaf: true, text: 'Charts'}
]
}
});
var myMenuStore = Ext.create('Myapp.sample.store.mainMenu',{});
var myPanel = Ext.create('Ext.panel.Panel',{
title:'My first breadcrumb bar...',
width:600,
height:200,
margin:50,
dockedItems:[{ //Step 2
xtype : 'breadcrumb',
dock: 'top',
store: myMenuStore,
showIcons: true,
selection: myMenuStore.getRoot().childNodes[0].childNodes[0]
}],
renderTo:Ext.getBody()
});



But I can't make it works... What's wrong with it?

[Gary Schlosberg]

Seems to work for me.
https://fiddle.sencha.com/#view/editor&fiddle/25t2

What version of Ext JS are you using?

[abe001]

I use these links:

<link href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"></script>

I'm testing other code with this method and it looks to don't work as well, is there a simple method to work basely with extjs without creating a complete mvvm app?
Just a file where creating simple classes like a menu or something like that?

[Gary Schlosberg]

Here's a version of your code running in 6.0.0. I'm not sure I understand what isn't working for you.

[abe001]

Here's a version of your code running in 6.0.0. I'm not sure I understand what isn't working for you.

I can't find the link...

[Gary Schlosberg]

That's because I neglected to post it. Terribly sorry, here it is:
https://fiddle.sencha.com/#view/editor&fiddle/260s

[abe001]

But... Does it change only in indentation?

[Gary Schlosberg]

I'm afraid that I don't understand. What are you looking to achieve?