Devido algumas dúvidas aqui e ali resolvi escrever esse novo exemplo de como criar um menu dinâmicamente. Muito comulmente temos vários perfis de usuários em um sistema, e mostrar os menus de acordo com cada perfil é foco desse tutorial. Não vou comentar sobre o código conforme fiz nos outros posts porque me dediquei a deixar o código o mais compreensÃvel possÃvel. Acessem o exemplo e vejam os 7 passos para criar o menu dinâmico.
Aproveito a oportunidade para agradecer o apoio de todo o pessoal que acompanha o extdesenv no fórum, no twitter, via emails, etc… Para mim é muito gratificante poder publicar material e receber retorno da galera. Valeu mesmo! Forte abraço e até a próxima.
Código Completo
Demo Online
Posts relacionados:
conferindo bruno
ja conferi, ficou legal, vlw mais uma vez pela atitude.
Grande tutorial Bruno esta de parabens.
Mas, gostaria de saber se tem como voce demonstrar como seria em um menu drop down. Abraço!!!
Qual foi a versão do Ext usada nesse exemplo? Estou usando a versão 3.1.2 e o IE8 gera “Erro de sintaxe” e o painel a esquerda fica desabilitado ao clique de “Carregar itens”.
corrigindo: estou usando a versão 3.2.1
Descobri… o problema estava nas configurações do meu php. O arquivo menuDinamico.ajax.php retornava uma lista gigantesca de Warnings, mas tudo certo agora =)
Olá Bruno, ótimo exemplo !
Poderia nos ajudar mostrando como fazer para trazer os items baseado no exemplo abaixo
Ext.onReady(function() {
var opcao1 = new Ext.menu.Menu({
id: ‘opcao1′,
items: [
{text:'Subopcao1',iconCls:'iconb1'}, //como preencher usando ajax
{text:'Subopcao2',iconCls:'iconb2'},
{text:'Subopcao3',iconCls:'iconb2'}
]
});
var toolBar = new Ext.Toolbar({
id:’toolBar’,
renderTo: ‘menudiv’,
});
items:[
new Ext.Button({text:'Opção1',
menu:opcao1,
cls: 'x-btn-text-icon',
icon: 'imagem/arquivo.png'
]
});
}
Grande abraço
Olá André! Não vejo como posso lhe detalhar mais, já que a sua situação merece a mesma abordagem do tutorial. Você tem um menu com id “opcao1″. Você precisaria inicializar ele vazio (items:[]), fazer a requisição Ajax, e popular os items conforme mostrado no tutorial. Abs!