Alterar a mascara de um TEntry conforme selecionada uma opção.

Alterar a mascara de um TEntry conforme selecionada uma opção. Bom dia... Tenho um formulário de cadastro de clientes, onde há um campo (chamado número) que eu quero que tenha uma mascara conforme for selecionado no campo tipo de documento, ou seja, a minha ideia é quando o campo número receber foco o seu "setMask" seja alterado de acordo com o campo tipo de documento, eu ensaiei o seguinte código: // detail fields $detail_id ...

Wempar Ferreira 19/08/2017 (há 6 anos)

Bom dia...

Tenho um formulário de cadastro de clientes, onde há um campo (chamado número) que eu quero que tenha uma mascara conforme for selecionado no campo tipo de documento, ou seja, a minha ideia é quando o campo número receber foco o seu "setMask" seja alterado de acordo com o campo tipo de documento, eu ensaiei o seguinte código:
// detail fields
$detail_id = new THidden('detail_id');
$detail_tipodocumento = new TDBCombo('detail_tipodocumento','bancohip','tiposdocumentos','id','descricao');
$detail_numero = new TEntry('detail_numero');
$detail_scaner = new TText('detail_scaner');

$detail_tipodocumento->onBlur = 'mascara()';

TScript::create('mascara = function() {
if (form_cadastrodeclientes.detail_tipodocumento.value = 1)
{
//$detail_numero ->setMask ((99)9999-9999);
form_cadastrodeclientes.detail_numero.value = parseFloat(23);
}
};');
Eu quero é manipular o setMask, mas não sei como escrever o código, neste exemplo eu apenas consigo colocar o número 23 no campo.

Se alguém tiver uma outra solução é bem vinda, obrigado.

Curso completo Meu Negócio Pronto

Use para si, ou transforme em um negócio: Inclui aulas e códigos-fontes
Gestor de conteúdo (SITE) + Loja Virtual (E-Commerce) + Emissor de Notas para infoprodutos

Meu negócio pronto Quero me inscrever agora!

Comentários (10)

Marcelo Gomes 19/08/2017 (há 6 anos)

Usa javascript

Veja um exemplo que uso para formatar CPF/CNPJ.

O princípio é o mesmo, apenas mude o campo (seletor) e a máscara, veja:

<?php
$script = new TElement('script');
$script->type = 'text/javascript';
$javascript = "
$(document).on('change','select[name=\"tipo_pessoa\"]' , function(event){
//alert('Entrou');
$('input[name=\"cpf_cnpj\"]').val('');
$('select[name=\"tipo_pessoa\"] > option:selected').each(function(){
tipoPessoa = $(this).text();
});
if(tipoPessoa.toLowerCase() == 'física') {
$('input[name=\"cpf_cnpj\"]').val('');
$('input[name=\"cpf_cnpj\"]').attr({onkeypress:'return tentry_mask(this,event,\"999.999.999-99\")'});
}
if(tipoPessoa.toLowerCase() == 'jurídica') {
$('input[name=\"cpf_cnpj\"]').val('');
$('input[name=\"cpf_cnpj\"]').attr({onkeypress:'return tentry_mask(this,event,\"99.999.999/9999-99\")'});
}
});";
$script->add($javascript);
$tableScriptPessoa = new TTable;
$tableScriptPessoa->addRow()->addCell($script);
?>

Marcelo Gomes 19/08/2017 (há 6 anos)

Não esqueca de uar "escape"

$script = new TElement('script'); $script->type = 'text/javascript'; $javascript = " $(document).on('change','select[name=\"tipo_pessoa\"]' , function(event){ //alert('Entrou'); $('input[name=\"cpf_cnpj\"]').val(''); $('select[name=\"tipo_pessoa\"] > option:selected').each(function(){ tipoPessoa = $(this).text(); }); if(tipoPessoa.toLowerCase() == 'física') { $('input[name=\"cpf_cnpj\"]').val(''); $('input[name=\"cpf_cnpj\"]').attr({onkeypress:'return tentry_mask(this,event,\"999.999.999-99\")'}); } if(tipoPessoa.toLowerCase() == 'jurídica') { $('input[name=\"cpf_cnpj\"]').val(''); $('input[name=\"cpf_cnpj\"]').attr({onkeypress:'return tentry_mask(this,event,\"99.999.999/9999-99\")'}); } });"; $script->add($javascript); $tableScriptPessoa = new TTable; $tableScriptPessoa->addRow()->addCell($script);

Marcelo Gomes 19/08/2017 (há 6 anos)

Ops! não foi, segue agora em plain/text

$script = new TElement('script');
$script->type = 'text/javascript';
$javascript = "
$(document).on('change','select[name="tipo_pessoa"]' , function(event){
//alert('Entrou');
$('input[name="cpf_cnpj"]').val('');

$('select[name="tipo_pessoa"] > option:selected').each(function(){
tipoPessoa = $(this).text();
});
if(tipoPessoa.toLowerCase() == 'física') {
$('input[name="cpf_cnpj"]').val('');
$('input[name="cpf_cnpj"]').attr({onkeypress:'return tentry_mask(this,event,"999.999.999-99")'});
}
if(tipoPessoa.toLowerCase() == 'jurídica') {
$('input[name="cpf_cnpj"]').val('');
$('input[name="cpf_cnpj"]').attr({onkeypress:'return tentry_mask(this,event,"99.999.999/9999-99")'});
}
});";
$script->add($javascript);
$tableScriptPessoa = new TTable;
$tableScriptPessoa->addRow()->addCell($script);

Wempar Ferreira - AUTOR DO POST 19/08/2017 (há 6 anos)

Ola, obrigado, vou tentar implementar.

Wempar Ferreira - AUTOR DO POST 20/08/2017 (há 6 anos)

Nada funcionou, vou colocar o código completo do formulário, se puder ajudar fico agradecido se não tiver como realizar essa operação vou deixar pra lá.

<?php
/**
* cadastrodeclientes Master/Detail
* @author <your name here>
*/
class cadastrodeclientes extends TPage
{
protected $form; // form
protected $formFields;
protected $detail_list;
/**
* Page constructor
*/
public function __construct()
{
parent::__construct();
// creates the form
$this->form = new TForm('form_cadastrodeclientes');
$this->form->class = 'tform'; // CSS class
$this->form->style = 'max-width:100%'; // style
parent::include_css('app/resources/custom-frame.css');
$table_master = new TTable;
$table_master->width = '100%';
$table_master->addRowSet( new TLabel('Cadastro de clientes e fornecedores'), '', '')->class = 'tformtitle';
// add a table inside form
$table_general = new TTable;
$table_contatos = new TTable;
$table_detail = new TTable;
$table_general -> width = '100%';
$table_contatos -> width = '100%';
$table_detail -> width = '100%';
$frame_general = new TFrame;
$frame_general->setLegend('Informações básicas');
$frame_general->style = 'background:whiteSmoke';
$frame_general->add($table_general);
$frame_contatos = new TFrame;
$frame_contatos->setLegend('Contatos');
$frame_contatos->style = 'background:whiteSmoke';
$frame_contatos->add($table_contatos);
$table_master->addRow()->addCell( $frame_general ); // ->colspan=2
$table_master->addRow()->addCell( $frame_contatos ); // ->colspan=2
$row = $table_master->addRow();
$row->addCell( $table_detail );
$this->form->add($table_master);
// master fields
$id = new TEntry('id');
$status_id = new TDBCombo('status_id','bancohip','status','id','descricao'); //TEntry('status_id');
$tipodecadastro_id = new TDBCombo('tipodecadastro_id','bancohip','tipodecadastro','id','descricao'); //TEntry('tipodecadastro_id');
$nome = new TEntry('nome');
$profissao = new TEntry('profissao');
$email = new TEntry('email');
$telefone = new TEntry('telefone');
$celular = new TEntry('celular');
$descricaodavenda = new TText('descricaodavenda');
$corretor_id = new TEntry('corretor_id');
$alteracao = new TEntry('alteracao');
if (!empty($id))
{
$id->setEditable(FALSE);
}
// Tabela de contatos
$contactos = new TMultiField('contactos');
// Tamanho de alguns campos
$nome -> setSize(300);
$email-> setSize(300);
//
$contactos->setHeight(100);
$contactos->setOrientation('horizontal');
$contactos->setClass('contatos');
$contactos->addField('tipocontato' ,'Tipo de contato',new TDBCombo('tipocontato','bancohip','tipodecontatos','nome','nome'),200);
$contactos->addField('nomeounumero','Texto ou número',new TEntry('nomeounumero'),200);
// detail fields
$detail_id = new THidden('detail_id');
$detail_tipodocumento = new TDBCombo('detail_tipodocumento','bancohip','tiposdocumentos','id','descricao');
$detail_numero = new TEntry('detail_numero');
$detail_scaner = new TText('detail_scaner');
//Script para controle das máscaras
$script = new TElement('script');
$script->type = 'text/javascript';
$javascript = "
$(document).on('change','select[name='detail_tipodocumento']' , function(event){
alert('Entrou');
$('input[name='detail_numero']').val('');
$('select[name='detail_tipodocumento'] > option:selected').each(function(){
tipoPessoa = $(this).text();
});
if(detail_tipodocumento.toLowerCase() == 1) {
$('input[name='detail_numero']').val('');
$('input[name='detail_numero']').attr({onkeypress:'return tentry_mask(this,event,'999.999.999-99')'});
}
if(detail_tipodocumento.toLowerCase() == 2) {
$('input[name='detail_numero']').val('');
$('input[name='detail_numero']').attr({onkeypress:'return tentry_mask(this,event,'99.999.999/9999-99')'});
}
});";
$script->add($javascript);
$tableScriptPessoa = new TTable;
$tableScriptPessoa->addRow()->addCell($script);
/** samples
$this->form->addQuickFields('Date', array($date1, new TLabel('to'), $date2)); // side by side fields
$fieldX->addValidation( 'Field X', new TRequiredValidator ); // add validation
$fieldX->setSize( 100, 40 ); // set size
**/
// Coloca os campos em mausculas e minusculas
$nome ->style = "text-transform: uppercase";
$profissao ->style = "text-transform: uppercase";
$email ->style = "text-transform: lowercase";
//Validações, obrigatóriedades e mascara dos campos
//$proxcontato ->setMask('dd/mm/yyyy');
$alteracao ->setEditable(FALSE);
$corretor_id ->setEditable(FALSE);
$email ->addValidation('E-mail' , new TEmailValidator);
$telefone ->setMask('(99)9999-9999');
$celular ->setMask('(99)99999-9999');
//$acompanhar ->addValidation('Acompanhar' , new TRequiredValidator);
$nome ->addValidation('Nome' , new TRequiredValidator);
$status_id ->addValidation('Status' , new TRequiredValidator);
// master
$table_general->addRowSet( new TLabel('Código'), [$id, $l1 = new TLabel('Status'), $status_id ] );
$table_general->addRowSet( new TLabel('Tipo de cliente'), [$tipodecadastro_id, $l2 = new TLabel('Nome'), $nome] );
$table_general->addRowSet( new TLabel('Profissão'), [$profissao, $l3= new TLabel('Email'), $email ]);
$table_general->addRowSet( new TLabel('Telefone'), [$telefone, $l6= new TLabel('Celular'), $celular]);
$table_general->addRowSet( new TLabel('Venda'),$descricaodavenda);
$table_general->addRowSet( new TLabel('Corretor'), [$corretor_id, $l5 = new TLabel('Alteração'), $alteracao ] );
// Tamanho das TLabel para alinhar o formulário
$l1->setSize(100);
$l2->setSize(100);
$l3->setSize(100);
$l5->setSize(100);
$l6->setSize(100);
// Adiciona a tabela de contatos ao formulário
$table_contatos->addRowSet($contactos);
// detail
$frame_details = new TFrame();
$frame_details->setLegend('Documentação');
$row = $table_detail->addRow();
$row->addCell($frame_details);
$btn_save_detail = new TButton('btn_save_detail');
$btn_save_detail->setAction(new TAction(array($this, 'onSaveDetail')), 'Register');
$btn_save_detail->setImage('fa:save');
$table_details = new TTable;
$frame_details->add($table_details);
$table_details->addRowSet( '', $detail_id );
$table_details->addRowSet( new TLabel('Tipo de documento'), $detail_tipodocumento );
$table_details->addRowSet( new TLabel('Número'), $detail_numero );
$table_details->addRowSet( new TLabel('Scaner'), $detail_scaner );
$table_details->addRowSet( $btn_save_detail );
// Grid do formulário - área de cadastro dos documentos
$this->detail_list = new TQuickGrid;
$this->detail_list->setHeight( 175 );
$this->detail_list->makeScrollable();
$this->detail_list->disableDefaultClick();
$this->detail_list->addQuickColumn('Editar', 'edit', 'left', 20);
$this->detail_list->addQuickColumn('Excluir', 'delete', 'left', 20);
// items
$this->detail_list->addQuickColumn('Tipo de documento', 'tipodocumento', 'left', 200);
$this->detail_list->addQuickColumn('Número', 'numero', 'left', 200);
//$this->detail_list->addQuickColumn('Scaner', 'scaner', 'left', 200);
$this->detail_list->createModel();
$row = $table_detail->addRow();
$row->addCell($this->detail_list);
// create an action button (save)
$save_button=new TButton('save');
$save_button->setAction(new TAction(array($this, 'onSave')), _t('Save'));
$save_button->setImage('ico_save.png');
// create an new button (edit with no parameters)
$new_button=new TButton('new');
$new_button->setAction(new TAction(array($this, 'onClear')), _t('New'));
$new_button->setImage('ico_new.png');
// define form fields
$this->formFields = array($id,$status_id,$tipodecadastro_id,$nome,$profissao,$email,$telefone,$celular,$descricaodavenda,$corretor_id,$alteracao,$detail_tipodocumento,$detail_numero,$detail_scaner);
$this->formFields[] = $btn_save_detail;
$this->formFields[] = $save_button;
$this->formFields[] = $new_button;
$this->formFields[] = $detail_id;
$this->form->setFields( $this->formFields );
$table_master->addRowSet( array($save_button, $new_button), '', '')->class = 'tformaction'; // CSS class
// create the page container
$container = new TVBox;
$container->style = 'width: 100%';
$container->add(new TXMLBreadCrumb('menu.xml', __CLASS__));
$container->add($this->form);
parent::add($container);
}
////////////////////////////////////////////////// funções ficam abaixo ///////////////////////////////////////
/**
* Clear form
* @param $param URL parameters
*/
public function onClear($param)
{
$this->form->clear(TRUE);
TSession::setValue(__CLASS__.'_items', array());
$this->onReload( $param );
}
/**
* Save an item from form to session list
* @param $param URL parameters
*/
public function onSaveDetail( $param )
{
try
{
TTransaction::open('bancohip');
$data = $this->form->getData();
/** validation sample
if (! $data->fieldX)
throw new Exception('The field fieldX is required');
**/
$items = TSession::getValue(__CLASS__.'_items');
$key = empty($data->detail_id) ? 'X'.mt_rand(1000000000, 1999999999) : $data->detail_id;
$items[ $key ] = array();
$items[ $key ]['id'] = $key;
$items[ $key ]['tipodocumento'] = $data->detail_tipodocumento;
$items[ $key ]['numero'] = $data->detail_numero;
$items[ $key ]['scaner'] = $data->detail_scaner;
TSession::setValue(__CLASS__.'_items', $items);
// clear detail form fields
$data->detail_id = '';
$data->detail_tipodocumento = '';
$data->detail_numero = '';
$data->detail_scaner = '';
TTransaction::close();
$this->form->setData($data);
$this->onReload( $param ); // reload the items
}
catch (Exception $e)
{
$this->form->setData( $this->form->getData());
new TMessage('error', $e->getMessage());
}
}
/**
* Load an item from session list to detail form
* @param $param URL parameters
*/
public function onEditDetail( $param )
{
$data = $this->form->getData();
// read session items
$items = TSession::getValue(__CLASS__.'_items');
// get the session item
$item = $items[ $param['item_key'] ];
$data->detail_id = $item['id'];
$data->detail_tipodocumento = $item['tipodocumento'];
$data->detail_numero = $item['numero'];
$data->detail_scaner = $item['scaner'];
// fill detail fields
$this->form->setData( $data );
$this->onReload( $param );
}
/**
* Delete an item from session list
* @param $param URL parameters
*/
public function onDeleteDetail( $param )
{
$data = $this->form->getData();
// reset items
$data->detail_tipodocumento = '';
$data->detail_numero = '';
$data->detail_scaner = '';
// clear form data
$this->form->setData( $data );
// read session items
$items = TSession::getValue(__CLASS__.'_items');
// delete the item from session
unset($items[ $param['item_key'] ] );
TSession::setValue(__CLASS__.'_items', $items);
// reload items
$this->onReload( $param );
}
/**
* Load the items list from session
* @param $param URL parameters
*/
public function onReload($param)
{
// read session items
$items = TSession::getValue(__CLASS__.'_items');
$this->detail_list->clear(); // clear detail list
$data = $this->form->getData();
if ($items)
{
$cont = 1;
foreach ($items as $list_item_key => $list_item)
{
$item_name = 'prod_' . $cont++;
$item = new StdClass;
// create action buttons
$action_del = new TAction(array($this, 'onDeleteDetail'));
$action_del->setParameter('item_key', $list_item_key);
$action_edi = new TAction(array($this, 'onEditDetail'));
$action_edi->setParameter('item_key', $list_item_key);
$button_del = new TButton('delete_detail'.$cont);
$button_del->class = 'btn btn-default btn-sm';
$button_del->setAction( $action_del, '' );
$button_del->setImage('fa:trash-o red fa-lg');
$button_edi = new TButton('edit_detail'.$cont);
$button_edi->class = 'btn btn-default btn-sm';
$button_edi->setAction( $action_edi, '' );
$button_edi->setImage('fa:edit blue fa-lg');
$item->edit = $button_edi;
$item->delete = $button_del;
$this->formFields[ $item_name.'_edit' ] = $item->edit;
$this->formFields[ $item_name.'_delete' ] = $item->delete;
// items
$item->id = $list_item['id'];
$item->tipodocumento = $list_item['tipodocumento'];
$item->numero = $list_item['numero'];
$item->scaner = $list_item['scaner'];
$row = $this->detail_list->addItem( $item );
$row->onmouseover='';
$row->onmouseout='';
}
$this->form->setFields( $this->formFields );
}
$this->loaded = TRUE;
}
/**
* Load Master/Detail data from database to form/session
*/
public function onEdit($param)
{
try
{
TTransaction::open('bancohip');
if (isset($param['key']))
{
$key = $param['key'];
$object = new pessoa($key);
$items = documentacao::where('pessoa_id', '=', $key)->load();
$session_items = array();
foreach( $items as $item )
{
$item_key = $item->id;
$session_items[$item_key] = $item->toArray();
$session_items[$item_key]['id'] = $item->id;
$session_items[$item_key]['tipodocumento'] = $item->tipodocumento;
$session_items[$item_key]['numero'] = $item->numero;
$session_items[$item_key]['scaner'] = $item->scaner;
}
TSession::setValue(__CLASS__.'_items', $session_items);
$this->form->setData($object); // fill the form with the active record data
$this->onReload( $param ); // reload items list
TTransaction::close(); // close transaction
}
else
{
$this->form->clear(TRUE);
TSession::setValue(__CLASS__.'_items', null);
$this->onReload( $param );
}
}
catch (Exception $e) // in case of exception
{
new TMessage('error', $e->getMessage());
TTransaction::rollback();
}
}
/**
* Save the Master/Detail data from form/session to database
*/
public function onSave()
{
try
{
// open a transaction with database
TTransaction::open('bancohip');
$data = $this->form->getData();
$master = new pessoa;
$master->fromArray( (array) $data);
$this->form->validate(); // form validation
$master->store(); // save master object
// delete details
$old_items = documentacao::where('pessoa_id', '=', $master->id)->load();
$keep_items = array();
// get session items
$items = TSession::getValue(__CLASS__.'_items');
if( $items )
{
foreach( $items as $item )
{
if (substr($item['id'],0,1) == 'X' ) // new record
{
$detail = new documentacao;
}
else
{
$detail = documentacao::find($item['id']);
}
$detail->tipodocumento = $item['tipodocumento'];
$detail->numero = $item['numero'];
$detail->scaner = $item['scaner'];
$detail->pessoa_id = $master->id;
$detail->store();
$keep_items[] = $detail->id;
}
}
if ($old_items)
{
foreach ($old_items as $old_item)
{
if (!in_array( $old_item->id, $keep_items))
{
$old_item->delete();
}
}
}
TTransaction::close(); // close the transaction
// reload form and session items
$this->onEdit(array('key'=>$master->id));
new TMessage('info', TAdiantiCoreTranslator::translate('Record saved'));
}
catch (Exception $e) // in case of exception
{
new TMessage('error', $e->getMessage());
$this->form->setData( $this->form->getData() ); // keep form data
TTransaction::rollback();
}
}
/**
* Show the page
*/
public function show()
{
// check if the datagrid is already loaded
if (!$this->loaded AND (!isset($_GET['method']) OR $_GET['method'] !== 'onReload') )
{
$this->onReload( func_get_arg(0) );
}
parent::show();
}
}
</your>

Marcelo Gomes 20/08/2017 (há 6 anos)

Um detalhe que não consegui que fosse colocado no forum.
Em volta dos id é preciso usar aspas duplas com "escape", você fez isso?
Outro detalhe, você chego a inspecionar o elemento "detail_tipodocumento"?
Você adicionou $tableScriptPessoa" ao form?

Eu zipei minha classe que está funcionando, baixe e veja como fiz (não esqueça de inspecionar o elemento para saber se está chegando o valor corretor para a comparação)!

www.mgservicosti.com.br/adianti/ClientesForm.class.php.zip

Wempar Ferreira - AUTOR DO POST 20/08/2017 (há 6 anos)

Boa tarde...

Obrigado pela ajuda, nada funciona, já estou a um ano tentando realizar esse procedimento mas sem exito. Tenho outras coisas mais importantes pra fazer no sistema que estou fazendo. Essa parte eu desisto.

Marcelo Gomes 20/08/2017 (há 6 anos)

Você chegou a executar a minha classe?
Veja alguns detalhes!
Você mante a captura do campo como "tipoPessoa", nas na comparação você usou o id do campo "detail_tipodocumento".

Outra coisa, você deve adicionar o $tableScriptPessoa no container antes do "parent::add($this->form);

Quando fizer estes ajustes, execute a página e inpecione o Combo "detail_tipodocumento', vá até o final da pagina e inpecione o script, veja se os valores dos options estão dentro dos parâmetros de comparação.

Outro detalhe o método.

Não desista, que garanto que funciona!

Como disse, tente executar o meu e verá!

Abraços e sucesso!

Wempar Ferreira - AUTOR DO POST 22/08/2017 (há 6 anos)

Boa noite...

Obrigado pela ajuda, compreensão, estimulo e paciência com minha falta de conhecimento, consegui resolver o problema, há outros que preciso corrigir mas vou consultar meus estudos para resolver.

Deus abençoe, segue o código que resolveu o problema:

// Tabela de Documentação
$detail_id = new THidden('detail_id');
$detail_tipodocumento = new TDBCombo('detail_tipodocumento','bancohip','tiposdocumentos','id','descricao');
$detail_numero = new TEntry('detail_numero');
$detail_scaner = new TText('detail_scaner');
/* Mascara de entrada de dados para o tipo de documento
É comparado texto porque o input lê tela
e tela é texto
no switch coloque a palavra de comparação em minuscula
*/
$script = new TElement('script');
$script->type = 'text/javascript';
$javascript = "
$(document).on('change','select[name="detail_tipodocumento"]' , function(event){
//alert('Entrou');
$('input[name="detail_numero"]').val('');

$('select[name="detail_tipodocumento"] > option:selected').each(function(){
detail_tipodocumento = $(this).text();
});

switch(detail_tipodocumento.toLowerCase()){
case 'cpf':
$('input[name="detail_numero"]').val('');
$('input[name="detail_numero"]').attr({onkeypress:'return tentry_mask(this,event,"999.999.999-99")'});
break;

case 'cnpj':
$('input[name="detail_numero"]').val('');
$('input[name="detail_numero"]').attr({onkeypress:'return tentry_mask(this,event,"99.999.999/9999-99")'});
break;

default:
$('input[name="detail_numero"]').val('');
$('input[name="detail_numero"]').attr({onkeypress:'return tentry_mask(this,event,"99999999999999")'});
break
}
});";
$script->add($javascript);
$table_general->addRow()->addCell($script);

Marcelo Gomes 22/08/2017 (há 6 anos)

Excelente, sucesso!

Novo Comentário