Você está aqui: Ext JS ::: Base & Core (Base e Núcleo) ::: Namespace Ext (global object - objeto global) |
Como usar o método onReady() da classe Ext para disparar o processamento inicial de suas aplicações Ext JSQuantidade de visualizações: 3030 vezes |
Quando estamos usando o framework Ext JS, é comum usarmos o método onReady() da classe Ext para executar o código de entrada da aplicação. Este método é disparado quando todos os elementos da página HTML já foram carregados e estão prontos para serem renderizados, ou seja, a árvore DOM (Document Object Model) já existe e pode ser acessada por código JavaScript. Em geral o método onReady() recebe como argumento a função a ser executada. Veja um exemplo: ---------------------------------------------------------------------- Se precisar de ajuda com o código abaixo, pode me chamar no WhatsApp +55 (62) 98553-6711 (Osmar) ---------------------------------------------------------------------- <html> <head> <title>Estudos Ext JS</title> <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"> <script type="text/javascript" src="extjs/ext-all-debug.js"></script> <script type="text/javascript"> // vamos chamar uma função JavaScript aqui Ext.onReady(avisar()); // função que será chamada a partir do método onReady() da classe Ext function avisar(){ window.alert("A página HTML foi carregada por completo."); } </script> </head> <body> </body> </html> Ao executar este código você verá a seguinte mensagem: "A página HTML foi carregada por completo." É possível também fornecer uma função anônima para o método onReady(). Veja: ---------------------------------------------------------------------- Se precisar de ajuda com o código abaixo, pode me chamar no WhatsApp +55 (62) 98553-6711 (Osmar) ---------------------------------------------------------------------- <html> <head> <title>Estudos Ext JS</title> <link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"> <script type="text/javascript" src="extjs/ext-all-debug.js"></script> <script type="text/javascript"> // vamos chamar uma função anônima aqui Ext.onReady(function(){ Ext.MessageBox.alert("Aviso", "A página HTML foi carregada por completo."); }); </script> </head> <body> </body> </html> O resultado da execução será o mesmo. A diferença é que agora nós fornecemos uma função anônima para o método onReady() e usamos o método alert() da classe Ext.MessageBox para exibir a mensagem. Note que o método onReady() da classe Ext é um apelido para o método onReady() da classe Ext.Loader com o valor true para o parâmetro withDomReady. Esta dica foi escrita e testada no Google Chrome 23.0.1271.97 m. |
![]() |
Veja mais Dicas e truques de Ext JS |
Dicas e truques de outras linguagens |
Quem Somos |
![]() Entre em contato comigo para, juntos, vermos em que posso contribuir para resolver ou agilizar o desenvolvimento de seus códigos.
|
![]() Não basta ter um site. É necessário ter um site que é localizado e converte usuários em clientes. Se sua página não faz isso, Fale comigo e vamos fazer uma analise e conseguir resultados mais satisfatórios..
|
Linguagens Mais Populares |
1º lugar: Java |