 |
|
|
Você está aqui: Ext JS ::: Base & Core (Base e Núcleo) ::: Namespace Ext (global object - objeto global) |
Aprenda a usar o objeto global Ext em suas aplicações Ext JSQuantidade de visualizações: 3565 vezes |
|
O namespace Ext (que acaba sendo um objeto global em suas aplicações) envolve todas as classes, singletons e métodos utilitários fornecidos pelo framework Ext JS. A maioria dos componentes de interface com o usuário (UI Components) está situada a um nível mais baixo no namespace Ext. Porém, muitos métodos e funções utilitárias comuns são fornecidas como propriedades diretas deste namespace. Veja, por exemplo, como podemos obter a versão do Google Chrome:
<html>
<head>
<title>Estudos Ext JS</title>
<script type="text/javascript" src="extjs/ext-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var versao = Ext.chromeVersion;
if(versao == 0){
window.alert("Você não está usando o Google Chrome");
}
else{
window.alert("Você está usando o Google Chrome versão: "
+ versao);
}
});
</script>
</head>
<body>
</body>
</html>
Ao executar este exemplo você verá uma mensagem parecida com: Você está usando o Google Chrome versão: 23. Se você estiver usando outro navegador, a mensagem o informará sobre isso. Note que aqui nós usamos a propriedade chromeVersion do objeto global Ext para retornar a versão do Google Chrome. Além desta, há muitas outras propriedades úteis neste namespace. Veja agora outro trecho de código no qual usamos o método get() do namespace Ext para obter uma referência a um elemento HTML baseado no valor de sua propriedade id:
<html>
<head>
<title>Estudos Ext JS</title>
<script type="text/javascript" src="extjs/ext-debug.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
// vamos obter o elemento com o id "paragrafo"
var elem = Ext.get("paragrafo");
// o elemento foi encontrado?
if(elem == null){
window.alert("Elemento não foi encontrado");
}
else{
// vamos aplicar negrito no texto do elemento
elem.setStyle("font-weight", "bold");
}
});
</script>
</head>
<body>
<p id="paragrafo">Sou um parágrafo</p>
</body>
</html>
Veja que neste exemplo nós obtemos a referência a um elemento HTML do tipo p (parágrafo) e usamos o método setStyle() da classe Ext.dom.Element para alterar o estilo da fonte do seu texto para negrito. 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 |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
