Ir para conteúdo


Foto

FAQ


  • Por favor, faça o login para responder
3 respostas neste tópico

#1 Fabyo

Fabyo

    Member Avançado

  • Administrators
  • 678 posts
  • LocationSão Paulo

Postado 03 October 2007 - 10:49

Pessoal estamos criando uma sessao de FAQ para o Extjs, espero que com o tempo seja util a todos que precisarem, a ideia é quem quiser postar alguma dica ou macete sobre extjs/javascript só postar aqui, siga +- o modelo que irei postar abaixo, a ideia é facilitar a vida de quem esta começando e facilitar as buscas com palavras chaves, agradeço a todos e quem quiser contribuir só postar

Pergunta:
Como remover espaços de uma string?
por exemplo " Fabyo    Guimaraes  de  Oliveira  " ficar "Fabyo Guimaraes de Oliveira"

Resposta:
Para quem conhece programação a resposta é facil usando a função trim()
mas existe a função trim no javascript?, não, para isso precisamos cria-la ou usar ela de outros framework por exemplo:

javascript:
String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g, ''); };

modo de usar:
var texto = " Apenas  um teste  ";
texto.trim();

_____________________________________________________________
Extjs:
Ext.util.Format.trim

modo de usar:
var texto = " Apenas  um teste  ";
texto = Ext.util.Format.trim(texto);

_____________________________________________________________
Jquery:
$.trim()

modo de usar:
var texto = " Apenas  um teste  ";
texto = $.trim(texto);



#2 EthraZa

EthraZa

    Member Avançado

  • Expert User
  • 542 posts
  • LocationSão Paulo

Postado 04 October 2007 - 03:16

Pergunta
Como referenciar um Elemento ou Componente?

Resposta
Primeiramente vou tentar explicar as diferenças entre os tipos:
Elemento HTML é o elemento em si, do jeito que o navegador conhece ele e seus atributos e métodos são respectivamente o DOM e os métodos do Javascript relacionados a esse elemento. No Firebug esses atributos aparecem em preto normal e os métodos em verde normal.

Elemento Ext é o Elemento HTML + os atributos e métodos que ele ganhou do ExtJS. No Firebug, esses novos atributos aparecem em preto negrito e esses novos métodos em verde negrito.

Componente Ext é normalmente um dos substitutos do Ext para Elementos do HTML. Por exemplo o ComboBox do Ext, é um componente que substitui em funcionalidade o input do tipo select do HTML. Este componente está representado no DOM do documento HTML apenas como uma DIV ou um conjunto de DIVs, sendo assim, ele só existe realmente no espaço do JavaScript. Esses componentes do Ext são uma das maravilhas do Ext e grande parte do motivo do seu sucesso. Eles normalmente possuem os atributos e métodos comuns do Javascript mais um monte de outros que só o Ext proporciona. Também aparecem no Firebug em preto e verde negrito.

Vamos supor um Elemento ou Componente com id="el".

 
JavaScript
var referencia = document.getElementById("el") : Retorna o elemento HTML

 
Prototype JS
var referencia = $("el") : Retorna o elemento HTML

 
JQuery
var referencia = $("#el") : Retorna o elemento HTML (Dica: # = id, . = class)

 
ExtJS
var referencia = Ext.getDom("el") : Retorna o Elemento HTML ( = Ext.get("el").dom )

var referencia = Ext.get("el") : Retorna o Elemento Ext

var referencia = Ext.getCmp("el") : Retorna o Componente Ext associado ao elemento HTML "el"

var referencia = Ext.fly("el") : Retorna o elemento flyweight global compartilhado (Vou ficar devendo uma explicação mais profunda sobre isso).

 


Dica
Quando quiser inspecionar um elemento, componente, variável, array ou objeto do Javascript para ver todos os atributos e métodos que ele possui e saber onde está a informação que você precisa, que nem sempre está na documentação do Ext, faça por exemplo, algo assim:
<script>
teste = Ext.getCmp("el");
</script>

Então no Firefox, abra o Firebug, vá na aba DOM e procure pela variável global teste que você acabou de criar, ela será uma das primeiras da lista.
Clicado no + ao lado dela, ela se abrirá e você verá a arvore com todo o seu conteúdo.
Assim fica fácil de saber tudo que um componente ou objeto possui, pra você poder usar na lógica do seu programa.
Como teste, crie um grid do Ext e olhe seu conteúdo. Você verá dentro do grid, referência para a estrutura do DataStore associado e muito mais, você muito provavelmente vai ver coisas que nem sabia que existia e coisas que não constam e provavelmente nunca vão constar na documentação. E só assim você terá um vislumbre do verdadeiro potencial que o Ext trás para os desenvolvedores de aplicativos web.
Mandriva Linux in LAMPE (Linux/Apache/MySql/Php/Ext)

#3 Fabyo

Fabyo

    Member Avançado

  • Administrators
  • 678 posts
  • LocationSão Paulo

Postado 10 October 2007 - 11:44

Pergunta:
Não aparece as imagens do Datepiker ou de combobox, o que pode ser?

Resposta:
se você esta testando seu sistema offline, as imagens do seu Datepiker ou outros objetos ficam distorcidos porque a imagem de transparencia esta sendo buscada direto do link do ext.com

solução:

Ext.BLANK_IMAGE_URL = 'images/default/s.gif';

Pergunta:
Como deixar o primeiro campo do formulario com focu?

Resposta:

Ext1.0.x:
dialog.on("show", function(){form.items.item(0).focus();});
dialog.show("seu_div");

Ext 2.0.x:
win.on('show', function() { var f = Ext.get('campo'); f.focus.defer(100, f); });
win.show("seu_div");



#4 tasman

tasman

    Member Avançado

  • Membros
  • PipPipPip
  • 63 posts

Postado 27 September 2008 - 23:35

muito legal esta ideia.

poderiamos criar um faq usando o Ext hehe

alguem se habilita para criarmos ele?

[]s




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

0 membros, 1 visitantes, 0 membros anônimos