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 JS

Quantidade 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.

Link para compartilhar na Internet ou com seus amigos:

Veja mais Dicas e truques de Ext JS

Dicas e truques de outras linguagens

Quem Somos

Osmar J. Silva
Programador Freelancer
WhatsApp +55 (062) 98553-6711

Goiânia-GO
Programador Freelancer - Full Stack Developer, Professional Java Developer, PHP, C/C++, Python Programmer, wxWidgets Professional C++ Programmer, Freelance Programmer. Formado em Ciência da Computação pela UNIP (Universidade Paulista Campus Goiânia) e cursando Engenharia Civil pela PUC-Goiás. Possuo conhecimentos avançados de Java, Python, JavaScript, C, C++, PHP, C#, VB.NET, Delphi, Android, Perl, e várias tecnologias que envolvem o desenvolvimento web, desktop, front-end e back-end. Atuo há mais de 20 anos como programador freelancer, atendendo clientes no Brasil, Portugal, Argentina e vários outros paises.
Entre em contato comigo para, juntos, vermos em que posso contribuir para resolver ou agilizar o desenvolvimento de seus códigos.
José de Angelis
Programador Freelancer
WhatsApp +55 (062) 98243-1195

Goiânia-GO
Programador Freelancer - Formado em Sistemas de Informação pela Faculdade Delta, Pós graduado em Engenharia de Software (PUC MINAS), Pós graduado Marketing Digital (IGTI) com ênfase em Growth Hacking. Mais de 15 anos de experiência em programação Web. Marketing Digital focado em desempenho, desenvolvimento de estratégia competitiva, analise de concorrência, SEO, webvitals, e Adwords, Métricas de retorno. Especialista Google Certificado desde 2011 Possui domínio nas linguagens PHP, C#, JavaScript, MySQL e frameworks Laravel, jQuery, flutter. Atualmente aluno de mestrado em Ciência da Computação (UFG)
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
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: Delphi
6º lugar: C
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby



© 2023 Arquivo de Códigos - Todos os direitos reservados
Neste momento há 19 usuários muito felizes estudando em nosso site.