Como desabilitar o TAB do ID de um TDBSeekButton?

Como desabilitar o TAB do ID de um TDBSeekButton? Boa noite Estou precisando desabilitar o TAB do ID de um TDBSeekButton mas não estou obtendo exito. Peguei este exemplo aqui no fórum e substitui o 13 por 9, pois vi na internet que o 9 se refere ao TAB, mas não deu certo! ...

EB

Como desabilitar o TAB do ID de um TDBSeekButton?

Fechado

Edilane de Souza Bezerra 19/01/2016 (há 9 anos)

Boa noite

Estou precisando desabilitar o TAB do ID de um TDBSeekButton mas não estou obtendo exito.

Peguei este exemplo aqui no fórum e substitui o 13 por 9, pois vi na internet que o 9 se refere ao TAB, mas não deu certo!

<?php
TScript::create('$("input, select, text").keypress(function (e) {var code = null;
code = (e.keyCode ? e.keyCode : e.which);
return (code == 13) ? false : true;
});');
?>

Curso Dominando o Adianti Framework

O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado!

Dominando o Adianti Framework Quero me inscrever agora!

Comentários (15)

JD

Jhef Dev 20/01/2016 (há 9 anos)

Para desabilitar o evento use preventDefault(); e use a queryselector "".tseekentry" tseekentry é a classe css do component que você quer manipular.

<?php
TScript::create('$(".tseekentry").keypress(function (e) {
e.preventDefault();
});');
?>

JD

Jhef Dev 20/01/2016 (há 9 anos)

Ops kkkkk

<?php
$script = TScript::create('<script>');
$script->add('$(".tseekentry").keypress(function (e) {
e.preventDefault();
});');
?>

</script>

EB

Edilane de Souza Bezerra - AUTOR DO POST 20/01/2016 (há 9 anos)

Olá Jheferson

Esse código ai é pra desabilitar especificamente o TAB é?

Onde devo colocar esse trecho de código?

Eu coloquei no construtor, mas quando vou acessar a tela aparece aquele popup "Carregando" e só fica nele.

JD

Jhef Dev 20/01/2016 (há 9 anos)

O exemplo que eu citei mostra como você deve fazer para desabilitar um evento no component.
O código javascript correto para desabilitar o tab seria:

PHP:

<?php
$script = TScript::create('<script>');
$script->add('$(".tseekentry").keypress(function (e) {
if (objEvent.keyCode == 9) {
e.preventDefault();
}
});');
?>

</script>

JD

Jhef Dev 20/01/2016 (há 9 anos)

Troque o "objEvent" por "e".

<?php
$script = TScript::create('<script>');
$script->add('$(".tseekentry").keypress(function (e) {
if (e.keyCode == 9) {
e.preventDefault();
}
});');
?>

</script>

EB

Edilane de Souza Bezerra - AUTOR DO POST 20/01/2016 (há 9 anos)

Ok Jheferson.

Fiz dessa forma ai, mas só fica "Carregando"!

Alguma idéia do porque disso?

Veja onde coloquei:

<?php
class EntradaFormView extends TPage {
protected $form;
function __construct() {
parent::__construct();
$this->form = new TForm('form_Entrada');
$script = TScript::create('<script>');
$script->add('$(".tseekentry").keypress(function (e) {
if (e.keyCode == 9) {
e.preventDefault();
}
});');
$this->form->class = 'tform';
$table = new TTable;
$table->style = 'width: 100%';
?>

</script>

JD

Jhef Dev 20/01/2016 (há 9 anos)

Tente assim:

<?php
class EntradaFormView extends TPage {
protected $form;
function __construct() {
parent::__construct();
$this->form = new TForm('form_Entrada');
$script = new TElement('script');
$script->add('$(".tseekentry").keypress(function (e) {
if (e.keyCode == 9) {
e.preventDefault();
}
});');
$this->form->class = 'tform';
$table = new TTable;
$table->style = 'width: 100%';
$container = new TVBox;
$container->style = 'width: 100%';
//$container->add(new TXMLBreadCrumb('menu.xml', __CLASS__));
$container->add($this->form);
$container->add($table);
$container->add( $script);
parent::add($container);
?>

EB

Edilane de Souza Bezerra - AUTOR DO POST 20/01/2016 (há 9 anos)

Eu achei este exemplo aqui, Jheferson Fonseca.

Ele funciona em partes:

<?php
TScript::create('$("input, select, text").keypress(function (e) {var code = null;
code = (e.keyCode ? e.keyCode : e.which);
return (code = 9) ? false : true;
});');
?>

Ele tanto desabilita o TAB como não permite que seja digitado nada no campo ID do TDBSeekButton

Mas eu queria mesmo era só desabilitar o TAB no ID do TDBSeekButton

EB

Edilane de Souza Bezerra - AUTOR DO POST 20/01/2016 (há 9 anos)

Esse que você postou por último não deu certo não!

JD

Jhef Dev 20/01/2016 (há 9 anos)

Sugiro que utilize o "preventDefault()" para anular o evento assim:

<?php
TScript::create('$("input, select, text").keypress(function (e) {var code = null;
code = (e.keyCode ? e.keyCode : e.which);
if(code = 9) {
e.preventDefault();
}
});');
?>

EB

Edilane de Souza Bezerra - AUTOR DO POST 20/01/2016 (há 9 anos)

Fiz conforme você sugeriu.

Aparentemente pro usuário não nenhuma diferença em relação a outra forma que eu havia colocado né?

Qual a diferença de usar o preventDefault e o return false?

JD

Jhef Dev 21/01/2016 (há 9 anos)

Com o preventDefault você anula o evento e reescreve o seu comportamento, já com return false você simplesmente anula o evento.
Fiz uns testes e descobri o problema, use keydown no lugar de keypress pois o evento do tab ocorre quando o usuário aperta a tecla, ja o evento keypress ocorre quando solta a tecla, no caso o evento correto seria o keypress.

JD

Jhef Dev 21/01/2016 (há 9 anos)

********** O evento correto seria o keydown.

Aff preciso aprender a conferir o texto antes de enviar kkkk

EB

Edilane de Souza Bezerra - AUTOR DO POST 22/01/2016 (há 9 anos)

Ok Jheferson

Muito obrigada mesmo, ajudou muito.

PD

Pablo Dall'Oglio 29/01/2016 (há 9 anos)

Qual o motivo de desabilitar o TAB?
O autocomplete é um recurso tão legal...