Este documento apresenta uma agenda para um curso sobre Toolbars e DockLayout no Ext JS 4. A agenda inclui tópicos como configurações de Toolbars e seus itens, Dock Layout e um exemplo prático. É fornecida documentação sobre as diferenças entre Toolbars no Ext JS 3 e 4 e como configurar o Dock.

1. Curso
Ext JS 4
Toolbars e
DockLayout

2. Agenda
•Toolbars e suas configs
•Items da Toolbar
•Dock Layout
•Exemplo prático

3. Requisitos

4. Ext JS 4 SDK
Servidor (Apache)
Editor de Texto
Browser (Firefox c/ Firebug ou Chrome)

5. Toolbar

7. Docked Item

8. ExtJS 3:
tbar: top toolbar
bbar: bottom toolbar
fbar: footer toolbar

9. ExtJS 4:
tbar: top toolbar
bbar: bottom toolbar
lbar: left toolbar
rbar: right toolbar

10. ExtJS 4:
tbar: top toolbar
bbar: bottom toolbar
lbar: left toolbar
rbar: right toolbar

11. Dock:
top
bottom
right
left

14. Show me the
code!

15. Lembre-se: a documentação é
sua melhor amiga! ;)

16. Código Fonte da
Aula
https://github.com/loiane/
curso-extjs4

17. Link do Curso com
todas as aulas
publicadas
http://www.loiane.com/2011/11/curso-
de-extjs-4-gratuito/

18. http://
www.packtpub.com/
ext-js-4-first-look/
book

19. contato = {
blog: ‘loiane.com’,
facebook: ‘facebook.com/loianegroner’,
twitter: ‘@loiane’,
github: ‘loiane’,
vimeo: ‘loiane’,
youtube: ‘loianeg’
}

20. Dúvidas Técnicas?
http://www.extjs.com.br

21. Obrigada!