Ir para conteúdo


Foto

Menu e sub-menus.


  • Por favor, faça o login para responder
1 resposta neste tópico

#1 welbert.oliveira

welbert.oliveira

    Novato

  • Membros
  • PipPip
  • 17 posts

Postado 28 November 2011 - 14:36

Boa tarde pessoal,

Eu estou precisando criar um menu com submenus, tipo:

Agenda
|_ Contatos
|_ Compromissos

Eu nao estou conseguin por nada, como eu ja disse eu estou iniciando no Ext JS.

Eu estou tirando as ideias de menu e desktop do sistema do nosso dr. Fabio Jr. Policeno.
Estou postando o codigo para que veja se ele esta de acordo.
Valeu pela ajuda.

Codigo:
Ext.onReady(function(){
        Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
       
      var viewport = new Ext.Viewport({
            layout:'border',
            items:[
                new Ext.BoxComponent({ // raw
                    region:'north',
                    el: 'north',
                    height:30
                }),{
                    region:'west',
                    id:'west-panel',
                    title:'Menu',
                    split:true,
                    width: 200,
                    minSize: 175,
                    maxSize: 400,
                    collapsible: true,
                    margins:'0 0 0 0',
                    layout:'accordion',
                    layoutConfig:{
                        animate:true
                    },
                    items: [{
                        contentEl: 'west',
                        title:'Agenda',
                        border:false,
                        iconCls:'agenda',
                    },{
                        title:'Configurações',
                        html:'<p>Some settings in here.</p>',
                        border:false,
                        iconCls:'config'
                    }]
                },
                new Ext.TabPanel({
                    region:'center',
                    deferredRender:false,
                    activeTab:0,
                    items:[{
                        contentEl:'Bemvindo',
                        title: 'Bem-vindo',
                        autoScroll:true,
//html: 'teste'
                    }]
                })
            ]
        });
       
    });
Aproveirando gostaria de uma ajuda tembem para que quando eu clicar no links do menu, ele abra uma nova aba.
Obrigado novamente.

*´¨) Welbert
¸.•´¸.•*´¨) ¸.•*¨)
(¸.•´ (¸.•` *.(.)Oliveira

#2 Legolas

Legolas

    Ext JS - Admin

  • Administrators
  • 3496 posts
  • LocationBelo Horizonte

Postado 29 November 2011 - 07:47

welbert.oliveira, um bom exemplo para isso seria o Tutorial que o nosso Admin @Bruno Tavares. Este está na versão ExtJS3 porém a ideia segue a mesma para a versão ExtJS2.
Como abrir páginas de um menu no centro de sua aplicação
Obs.: Já que vc está começando com ExtJS eu indicaria vc já pegar a versão ExtJS4 ou até mesmo a versão ExtJS3 (que é mais parecida com a versão ExtJS2), pois desde a versão ExtJS3 tivemos muitas melhorias em relação a versão ExtJS2.

"A verdadeira vitória não é derrotar alguém forte... É ser capaz de proteger alguém que você ama de verdade!" (Maito Dai)





0 usuário(s) está(ão) lendo este tópico

0 membros, 0 visitantes, 0 membros anônimos