MasterTextInput v0.2 - Open Source

Flex, MasterTextInput, componentes Add comentario

Liberada a versão v0.2 do MasterTextInput.

Agora com a funcionalidade de Máscara implementada através da propriedade InputMask.

Foi liberada também uma aplicação de exemplo, com exemplos de todas as funcionalidades.

A aplicação de exemplo e o fonte podem ser acessados clicando aqui
Site do projeto: http://code.google.com/p/mastertextinput/
Espero que gostem…

58 Responses to “MasterTextInput v0.2 - Open Source”

  1. Mário Júnior Says:

    Parabéns Juliano, muito bom!

  2. Mário Júnior Says:

    Sugestão: Qnd estiver trabalhando com máscara, ao limpar o campo (clicando no “x”), faça o cursor voltar para a posição inicial.

    Falow.

  3. flexpernambuco Says:

    Otimo! vou abrir uma issue para lembrar de implementar. Valeu!

  4. Ricardo Cerqueira Says:

    Ótimo trabalho Juliano, como sempre contribuindo para o desenvolvimento flex. abração!!

  5. Eguinaldo Says:

    Meus, amigos, obrigado um monte, o melhor textinput que eu já vi pro flex. vai ajudar demais.
    Parabens, ficou exelente.

  6. julio carneiro Says:

    Oi Juliano,

    Bom trabalho.
    Só um pequeno ajuste. Em Ingles existe um termo para indicar text como a letra inicial em maiúsculo, ele é “all caps”. Sendo assim ficaria melhor se vc usasse ALLCAPS em lugar de INITCAP nas opções de AutoTextCase.

    abraço,
    julio

  7. Alexandre Says:

    Juliano,
    não estou conseginte boblear a opação showClearButton.
    Estou utilizando desta forma :
    e mesmo assim aparece a imagem de limpar.

  8. Vargthon Says:

    Pergunta, estou tentando inserir texto(CPF) em um campo com mascara,
    mas não está indo nenhuma String. Alguma sugestão?

  9. Thiano Says:

    parabens o componente foi uma mao na roda entanto pra mim… ja nao sei viver sem ele..rs

  10. Thiano Says:

    mandei um e-mail para vc mostrando o meu problema com as mascaras… qria saber se existe uma forma de aparecer a mascara e salvar o conteudo no banco sem mascara?
    E na estou conseguindo inserir o conteudo vindo do banco de dados com mascara no edit.
    obs: Estou utilizando a mascara para telefone q vem no exemplo

  11. Daniel Says:

    Primeiramente, meus parabéns! Ótimo trabalho. Você tem idéia de quando continuará as implementações? Uma sugestão seria inserir uma opção de mostrar um ícone para escolha de datas, tipo o do componente Date Field.
    Estou construindo um framework e gostaria de saber se posso inserir o seu componente nele, caso sim, provavelmente devo herdar dele e colocar novas funcionalidades, teria prazer em enviar tais implementações pra você, caso interessasse, inserir no seu projeto.
    Att.,
    Daniel

  12. MArcio Says:

    Eu tambem estou tentando inserir texto(CPF) em um campo com mascara, mas não está indo nenhuma String. Alguma sugestão?

    <!—->

  13. MArcio Says:

    Eu tambem estou tentando inserir texto(CPF) em um campo com mascara, mas não está indo nenhuma String. Alguma sugestão?

    [mx:FormItem label="C.P.F.:"]
    [!--[mx:TextInput id="cpf" text="{dataGrid.selectedItem.cpf}" maxChars="14" /]–]
    [mx:HBox width="100%"]
    [controls1:MasterTextInput id="cpf" inputMask="999.999.999-99" blankMaskChar=" " text="{dataGrid.selectedItem.cpf}" /]
    [mx:Label text="999.999.999-99"/]
    [mx:Label text="{dataGrid.selectedItem.cpf}" click="cpf.text = '12345678901'"/]
    [mx:Label text="{dataGrid.selectedItem.cpf}" click="cpf.text = '123.456.789-01'"/]
    [/mx:HBox]
    [/mx:FormItem]

  14. Luan Says:

    Falto para completar esse cara um validador de cep, pois se o meu cep for requerido tenho que valida-lo na mao, pois o inputmask ele reconhece como se fosse caracteres…

  15. Alessandro Moreira Says:

    Meu Nome é Alessandro Moreira, sou de Fortaleza/CE e participo de um Projeto que adota Flex como camada de Visão.

    Realmente não há como não parabenizá-lo pelo componente. Um trabalho super profissional, muito bem construído.

    Mas bem, o componente funcionou muito bem até que migrei para a versão 3,2 do Flex, então a funcionalidade “Enter Key Press” deixou de funcionar por erro na função “handleKeyboardEnter” da classe MasterTextInput.

    Após debugar concluí que:

    na instrução, var next:IFocusManagerComponent = fm.getNextFocusManagerComponent();

    A funcão getNextFocusManagerComponent() está retornando valor null, o qual consequentemente é passado como argumento para a função, fm.setFocus(next);

    Gostaria muito de ajuda para a resolução desse problema.

  16. Rafael Says:

    Tem um bug no SDK versão 3.2

    Tem que trocar o getNextFocusManagerComponent() pelo moveFocus

    Alguem consegue recompilar?

    Ou alguem me passa os fontes do projeto?Tentei baixar mas pede senha

  17. Quinhone Says:

    Juliano, parabéns, mas vou dar um pitaco construtivo, no CapsType seria interessante tratar as excessões tipo do, da, de, e etc.

    Valew…

  18. Dassis Says:

    Seguinte.. estou tetnando colocar um valor no campo text de uma máscara de CPF.. porém ele sempre aparece vazio.. há algo q devo fazer antes de inserir na máscara?

  19. Wescley de Macêdo Says:

    Tive o mesmo problema dos colegas ao tentar trazer do banco um texto para aplicar no componente mascarado. Notei que não podemos usar a propriedade text, pois a propriedade inputMask altera esse valor… Utilizem a propriedade actualText, resolveu meu problema.
    Abraço, e parabens pelo componente.

  20. Rafael Says:

    Olá, como consigo entrar contato com o responsável por esse blog?
    Eu modifiquei o componente para ser utilizado com a versão 3.2 do SDK.
    Posso disponibilizar ele?Se sim, aonde?

  21. Marcelo Maico Says:

    Galera,
    Tem alguma forma (propriedade do componente) que possibilite que eu verifique se o campo esta com algum problema(marcado em vermelho)???
    Tipo no campo e-mail esta não foi preenchido corretamente ou não foi preenchido.

    Valeu!

  22. Bruno Carneiro Says:

    Amigo, baixei a versão 0.2 no site do projeto no entanto não soube como usar.

    Você poderia distribuir um arquivo txt junto com o source explicando como usar.

    Desculpa se a pergunta foi boba, mas eu realmente não sei.

  23. Bruno Carneiro Says:

    Tentei usar o text com caracteres letras sem especial mas não consigo inserir as letras maiúsculas.

  24. Bruno Carneiro Says:

    Estou tentando fazer o seguinte:

    Ao clicar em um botão, só seguir caso todos os inputs sejam válidos.

    Olhei no código de exemplo e me parece que os botões não tinham nenhum código.

    Tentei fazer aqui mas não consgui encontrar uma forma via AS3 de saber se um campo está validado ou não.

    Alguém pode ajudar?

  25. bruno Says:

    sobre a validação igual ao Bruno Carneiro, tb tive o mesmo problema…. Como fazer para validar antes de salvar ou alterar. Como o validator é imbutido, como resgatar se existe algum erro de validação antes de fazer um “submit”.

  26. Jimy Madeiro Says:

    Excelente!!! funcionou perfeitamente. parabéns pela iniciativa. muito bom.

  27. Eduardo Says:

    Sobre moeda no padrão brasileiro: R$ 0,00 - existe essa formatação no master text input?

  28. Eduardo Says:

    o view source está fora do ar

  29. bruno Says:

    como eu faço para configurar o MasterTextInput para aceitar número do tipo moeda/valor, eu uso assim e não está legal.

  30. cecin Says:

    public function testeAddDados(params:Object):void{
    limpaForm();
    Alert.show(params["nome"],params["cpf"]);
    }
    public function addDados(params:Object):void{
    limpaForm();
    nome.text = params["nome"];
    cpf.fullText = params["cpf"];
    }

    ao executar a função addDados somente o campo nome é preenchido… o campo cpf fica em branco
    ao executar a função testeAddDados o alert mostra ambos os campos: nome e cpf !!

  31. cecin Says:

    TypeError: Error #1009: Não é possível acessar uma propriedade ou um método de uma referência de objeto nula.
    at com.flexpernambuco.controls::MasterTextInput/maskFocusInHandler()[C:\FlexProject\MasterTextInput\com\flexpernambuco\controls\MasterTextInput.as:1259]
    at com.flexpernambuco.controls::MasterTextInput/set _1331035228fullText()[C:\FlexProject\MasterTextInput\com\flexpernambuco\controls\MasterTextInput.as:1185]
    at com.flexpernambuco.controls::MasterTextInput/set fullText()[C:\FlexProject\MasterTextInput\com\flexpernambuco\controls\MasterTextInput.as:120]
    at fPacAlt/addDados()[F:\STS\hospital\src\fPacAlt.mxml:27]
    at index/newPacAlt()[F:\STS\hospital\src\index.mxml:72]
    at fPacMain/pacHandler()[F:\STS\hospital\src\fPacMain.mxml:90]
    at fPacMain/___fPacMain_DataGrid1_doubleClick()[F:\STS\hospital\src\fPacMain.mxml:103]

  32. Felipe Says:

    Bom dia a comunidade,
    sou Prof. do Curso Superior de Sistemas para Internet da Universidade do Vale do Itajaí em Santa Catarina, e grande entusiasta do uso da Ferramenta Flex. Ontem durante uma sessão de apresentação dos Projetos de alguns alunos visualizei pela primeira vez a utilização do MasterTextInput, por isso venho através deste, parabenizar o ótimo trabalho da comunidade.

    Sucesso!

    Felipe Luiz Pereira

  33. Luciano Says:

    o codigo do e-solicite não esta liberado?

  34. Jackson Says:

    Tambem estou com o mesmo problema de passar dados para o input…
    Seguinte.. estou tetnando colocar um valor no campo text de uma máscara de CPF.. porém ele sempre aparece vazio.. há algo q devo fazer antes de inserir na máscara? Alguem conseguiu resolver? Como faço para passar os dados via textinput.text = xxx , se o componente tiver inputmask

  35. Rodrigo Says:

    Olá,

    Como eu faço para executar o click do showClearButton?

    Vou explicar a necessidadade, na minha tela de Edição qdo uso o campo inputMask os valores não aparecem preenchidos, o q estou fazendo é assim q o campo recebe o foco eu limpo o campo e aciono a mascara só q o campo continua limpo não aparece a mascara, qdo eu clico no no icone clear buttom a mascara fica visivel. Neste caso pensei q pudesse chamar a sua função limpar, nas não achei.

    Grato,

    Rodrigo

  36. cecin Says:

    RESOLVIDO:

    public function addDados(params:Object):void{
    limpaForm();
    nome.text = params["nome"];
    cpf.inputMask = “”;
    cpf.text = params["cpf"];
    }

  37. Andrei Says:

    Olá!
    Inicialmente, parabéns pelo componente, é sensacional.
    Exceto por alguns pequenos problemas.
    Estou com o mesmo problema ao atribuir um valor a um campo que possui máscara.

    Cecin, está solução funciona em partes somente. Porque apesar de conseguir trazer os dados corretos, ao alterar estes dados no campo não há mais máscara.

    Se alguém tiver alguma solução para isso ajudaria bastante.

    abraços

  38. wanderson Says:

    cara ficou otimo o seu compomente mas me responde um divida sou novo no flex eu tento dificuldade com campos valores de modea o seu compomente da suporte a esse tipo de dado e se não der vc pode me dar alguma dica por favor…

  39. Thiago Ramos Says:

    Primeiramente, devo agradecer por este maravilhoso componente que me salvou muito tempo de codificação. Obrigado.
    Bom, o que aconteceu comigo era que o showClearButton não estava funcionando, não sei se vc já deve ter feito alguma correção quanto a isso. Mas segue o trecho alterado. Espero não estar sendo intrometido(kkkkk). Só gostaria de ajudar.

    Antes estava assim e o clearButton insistia em aparecer
    mesmo com a propriedade showClearButton para false.

    private function showButton(event:Event):void{
    if(clearButton){
    if(text != “”){
    clearButton.visible = true;
    this.setStyle(”paddingRight”,10);
    }else{
    clearButton.visible = false;
    }
    }
    }

    A única mudança foi essa.

    private function showButton(event:Event):void{
    if((clearButton) && (showClearButton == true)){
    if(text != “”){
    clearButton.visible = true;
    this.setStyle(”paddingRight”,10);
    }else{
    clearButton.visible = false;
    }
    }
    }

    É besteira mas é sempre bom ajudar.
    O seu componente é excelente. Você está mais do que de parabéns.

  40. Thiago Ramos Says:

    Juliano, esqueci de mencionar que no caso onde acontecia o descrito acima, eu já iniciava a tela com o inputText recebendo um valor, mas como enabled = “false”. Por isso não queria que o clearButton aparecesse.
    Em algum outro caso onde o componente renderize normal. E tenha a propriedade showClearButton = “false”, ele funciona perfeitamente.

    Até.

  41. Saulo Palhares Says:

    PARABENS em uppercase pra vc esse componente e excelente, so segue as dicas do pessoa q ele vai ficar simplesmente perfeito !!

  42. Edgar Bispo Says:

    Achei show de bola o componente, porem, estou tendo problemas ao utilizar a mascara de decimal. Tinha entendi que a linha de comando abaixo já iria informar uma mascara, porem, não esta acontecendo.

    Vc´s estão de parabéns!!!
    Att
    BISPO

  43. Luiz Barros Says:

    Tenho uma pergunta como é que eu posso preencher um campo com mask de cep ?
    Eu uso

    Quando tento preencher com um valor
    input_cep.text = arrResult[0].cep;

    Ele nao preenche
    Só se eu retirar a mascara

  44. Bruno Macedo Says:

    Ola pessoal,

    O código do e-solicite não esta liberdo não?

    Vcs sabem como eu faço para formatar um campo tipo moeda com a biblioteca flex pernambuco. Mais eu gostaria de uma formatação que a medida que o usuário for digitando vai colocando ponto. Vcs sabem?

    Obrigado

  45. PRB Says:

    Excellent job my friend! Thank you for sharing.

  46. Pedro Neto Says:

    Boa Noite, estou com um proble que é o seguinte. Fiz uma tela para rodar a aplicação integrando com o C#.NET. Onde essa tela é composta por 4 inputText e um botao, e o sistema rodou normal, sem apresentar nenhum problema. Em seguida, adicionei um Grid e mais um botao, e o poroblema começou, não aparece mais nada na tela. Algúem poderia mim dar uma força, e dá umas dicas de como resolver esse problema. Agradeço.

  47. Douglas Ribeiro Says:

    Cara o componente é 10 mas este problema dele nao trazer os valores do banco existe alguma solução alem de usar o actualText que para mim não funcionou

  48. Leonardo Mendes Says:

    Boa noite, parabéns pelo componente. É extremamente útil, mais uma vez o povo nordestino mostrou o seu valor. Agora confetes a parte, estou com um pequeno bug no meu programa. Tenho 2 objetos MasterTextInput em uma tela de login, quando exibo um Alert.show dizendo que um dos campos não foi preenchido, ao clicar no botão OK do Alert, ao invés do foco ficar no campo 1 ele, ele automaticamente pula para o campo de baixo. Como posso resolver esse problema?

  49. Marco A Says:

    Olá amigo!

    Como faço para instalar este componente?
    Parabéns pela iniciativa.

    Marco A.

  50. Sergio Says:

    Muito bacana o seu componente.
    Estou com problemas ao teclar enter, pois dá uma mensagem de erro e não muda de campo.
    Como faço para validar se existe algum campo inválido e depois prosseguir com a gravação dos campos?
    Desde já agradeço.

  51. Leandro Sciola Says:

    Esse componente é excelente!
    Parabéns pela iniciativa.
    Abraço!

  52. Arthur Says:

    Esse componente tambem funciona para o FB4?

  53. Matheus Vinicios Says:

    Oi Juliano,
    Parabéns, esse componentes é excelente!
    Só uma coisa, não estou conseguindo bloquear o botão para limpar (showClearButton). Como eu faço resolver este problema? Obrigado!

  54. Masked TextInput | Debugando Web Says:

    [...] das idéias deste algoritmo vieram do componente que você pode encontrar neste endereço:http://www.flexpernambuco.com.br/?p=18 This entry was posted in Uncategorized. Bookmark the permalink. ← [...]

  55. Léo Simas Says:

    Ótimo componente.

    O único problema que identifiquei, foi quando ao clicar no X, ele limpa o text mesmo se o componente estiver como Editable = false;

    para corrigir isso, adicionei na primeira linha da function:
    private function clearButton_clickHandler(event:MouseEvent):void{

    o código:
    if (!editable)
    return;

    Parabéns!
    Ótima iniciativa

  56. Rubens Mendonça Says:

    Olá,
    Não estou conseguindo retornar valores vindo de um data grid para o meu inputbox. Toda vez que eu clico sobre um valor do meu DataGrid não aparece nada no inputbox.

    ex:

    Alguém pode me ajudar com esse problema?

  57. Cristian Says:

    Boa noite cara otimo está biblioteca usei testei e funciono beleza, só quando fui colocar uma borda com a tag borderRadius não funciona de geito nenhum nem da pra colocar um skin ele não aceita como posso resolver isso?

  58. Fabio Jose Says:

    Alguém por favor pode me ajudar nesse erro que esta dando ao utilizar nextFocusOnEnter no componente. Segue o erro

    TypeError: Error #1009: Cannot access a property or method of a null object reference.
    at mx.managers::FocusManager/setFocus()[C:\autobuild\3.2.0\frameworks\projects\framework\src\mx\managers\FocusManager.as:545]
    at com.flexpernambuco.controls::MasterTextInput/handleKeyboardEnter()[C:\FlexProject\MasterTextInput\com\flexpernambuco\controls\MasterTextInput.as:169]

Leave a Reply

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Log in