Conheça  A Ferramenta LowCode mais moderna e veloz para desenvolvimento PHP: Adianti Creator
Conheça Características Quem usa Galeria Cursos Docs Fórum
Downloads
Posts Fique por dentro Sobre o Fórum Minha conta
tecla de atalho para botao Pessoal, to querendo criar um js para ter uma tecla de atalho (flecha para direita no meu botao save ). ...
LJ
tecla de atalho para botao  
Luiz Jampolsky 18/03/2018 (há 7 anos)
Pessoal, to querendo criar um js para ter uma tecla de atalho (flecha para direita no meu botao save ). 
 
  1. <?php
  2. /**
  3.  * ProductForm Registration
  4.  *
  5.  * @version    1.0
  6.  * @package    samples
  7.  * @subpackage library
  8.  * @author     Pablo DallOglio
  9.  * @copyright  Copyright (c) 2006-2011 Adianti Solutions Ltd. (http://www.adianti.com.br)
  10.  * @license    http://www.adianti.com.br/framework-license
  11.  */
  12. class ProductFormLocal extends TPage
  13. {
  14.     private $form; // form
  17.     /**
  18.      * Class constructor
  19.      * Creates the page and the registration form
  20.      */
  21.     function __construct()
  22.     {
  23.         parent::__construct();
  24.         //coloca o tab no 1 campo n1
  25.         TScript::create('$("input[name=\'n1\']").focus()');
  26.         
  27.         //GOSTARIA DE HABILITAR a TECLA -> (flecha Direita) 39 para o botao onSave()
  28.         //* não esta funcionando as linhas abaixo
  30.         $script2 = new TElement('script'); 
  31.         $script2->type = 'text/javascript'; 
  32.         $javascript2 = "
  33.         $(document).bind('keydown.right', function(e){$('#save').trigger('click')})
  34.         ";
  35.         /*
  36.         $javascript2 = "
  37.         $(document).bind('keydown.right', function(e){alert('Tecla de atalho com JQuery!')})
  38.         ";
  39.         */
  40.         $script2->add($javascript2);
  41.         TPage::add($script2);
  42.         
  43.         
  44.         // habilita o tab no enter
  45.         $script = new TElement('script'); 
  46.         $script->type = 'text/javascript'; 
  47.         $javascript = "     
  48.         $('body').on('keydown', 'input, select, textarea', function(e) {
  49.         var self = $(this)
  50.       , form = self.parents('form:eq(0)')
  51.       , focusable
  52.       , next
  53.       ;
  54.     if (e.keyCode == 13) {
  55.         focusable = form.find('input,a,select,button,textarea').filter(':visible');
  56.         next = focusable.eq(focusable.index(this)+1);
  57.         if (next.length) {
  58.             next.focus();
  59.         } else {
  60.             form.submit();
  61.         }
  62.         return false;
  63.     }
  64. });";
  65.         $script->add($javascript);
  66.         TPage::add($script);
  68.             
  69.         
  70.         
  71.         //loads easyzoom
  72.         TPage::include_css('app/lib/jquery/easyzoom/css/example.css');
  73.         TPage::include_css('app/lib/jquery/easyzoom/css/pygments.css');
  74.         TPage::include_css('app/lib/jquery/easyzoom/css/easyzoom.css');
  75.         
  76.         TPage::include_js('app/lib/jquery/easyzoom/js/easyzoom.js');
  77.         
  78.         TPage::include_js('app/lib/jquery/jquery.hotkeys.js');
  79.         
  80.            
  81.         
  82.         // creates the form
  83.         $this->form = new TForm('form_Product');
  85.         // creates a table
  86.         $table = new TTable;
  87.         $table_buttons = new TTable;
  88.         $table_numbers = new TTable;
  89.         
  90.          // add the table inside the form
  91.         $this->form->add($table);       
  92.    
  93.         // create the form fields
  94.         $id                     = new TEntry('id');
  95.         $name                   = new TEntry('name');
  96.         $n1            = new TEntry('n1');
  97.         $n2            = new TEntry('n2');
  98.         $n3            = new TEntry('n3');
  99.         $n4            = new TEntry('n4');
  100.         $outros               = new TCombo('outros');
  101.         
  102.        
  103.         $items      = array();
  104.         $items['ni'] = 'Nao identificado';
  105.         $items['cadeirante'] = 'Cadeirante';
  106.         $items['bike'] = 'Bike';
  107.         $items['po'] = 'Podium';
  108.         $outros->addItems($items);       
  109.         
  110.         $name->setSize(150);
  111.         $name->setProperty("tabindex","-1");
  112.         $id->setProperty("tabindex","-1");
  113.         $n1->setSize(50);
  114.         $n2->setSize(50);
  115.         $n3->setSize(50);
  116.         $n4->setSize(50);
  117.         $id->setSize(50);
  118.         $n1->setProperty("tabindex","1");
  119.         $n2->setProperty("tabindex","2");
  120.         $n3->setProperty("tabindex","3");
  121.         $n4->setProperty("tabindex","4");
  122.         $outros->setProperty("tabindex","5");
  123.         $id->setEditable(FALSE);
  124.     $name->setEditable(FALSE);
  125.     $n1->setMask('99999'); // define numeric input
  126.     $n2->setMask('99999'); // define numeric input
  127.     $n3->setMask('99999'); // define numeric input
  128.     $n4->setMask('99999');
  129.         $table->border=1;
  130.         $table->bgcolor='#f2f2f2';
  131.   
  132.       
  133.     $easydiv = new TElement('div');
  134.     $easydiv->id = "easyzoom easyzoom--overlay";
  135.     $easydiv->class = "easyzoom easyzoom--overlay";        
  137.         $this->imgFoto = new TElement('img');
  138.         $this->imgFoto->src = "";
  139.         $this->imgFoto->style = "width:300px;height:450px";
  140.         
  141.         
  142.         $this->linka = new TElement('a');
  143.         $this->linka->href = "";
  144.         $this->linka->add($this->imgFoto);
  145.         
  146.         
  147.         $easydiv->add($this->linka);
  148.         
  149.         $script =new TElement('script');
  150.         $script->type = 'text/javascript';
  151.         $script->add('
  152.         // Instantiate EasyZoom plugin
  153.         var $easyzoom = $(".easyzoom").easyZoom();
  155.         // Get the instance API
  156.         var api = $easyzoom.data("easyZoom");
  157.         ');
  158.         // add the script to the table
  159.         //$table->addRow()->addCell($script);
  160.         $easydiv->add($script);
  161.     //$this->form->add($script);        
  162.         
  163.     
  164.         
  165.     // tabelas com numeros
  166.     $row=$table_numbers->addRow();
  167.     $row->addCell(new TLabel('Id:'));
  168.         $cell=$row->addCell($id);
  170.         
  171.         $row=$table_numbers->addRow();
  172.     $row->addCell(new TLabel('Nome:'));
  173.     $cell=$row->addCell($name);
  176.         $row=$table_numbers->addRow();        
  177.     $cell=$row->addCell('Numeros:');
  178.         $cell->colspan=4;    
  179.     $row=$table_numbers->addRow();
  180.     $cell=$row->addCell($n1);
  181.         $cell->colspan=4;    
  182.     $row=$table_numbers->addRow();
  183.     $cell=$row->addCell($n2);
  184.         $cell->colspan=4;    
  185.     $row=$table_numbers->addRow();
  186.     $cell=$row->addCell($n3);
  187.         $cell->colspan=4;    
  188.     $row=$table_numbers->addRow();
  189.     $cell=$row->addCell($n4);
  190.         $cell->colspan=4;    
  191.     $row=$table_numbers->addRow();
  192.     $cell=$row->addCell($outros);
  193.         $cell->colspan=4;    
  194.     $row=$table_numbers->addRow();
  195.     $cell=$row->addCell($table_buttons);
  196.         $cell->colspan=4;    
  201.         // create an action button (save)
  202.         $save_button=new TButton('save');
  203.         // define the button action
  204.         $save_button->setAction(new TAction(array($this, 'onSave')), 'Salvar e Mantem');
  205.         $save_button->setImage('ico_save.png');
  206.     $save_button->setProperty("tabindex","6");
  207.         
  208.         
  209.          // create an action button (proximo)
  210.         $proximo_button=new TButton('proximo');
  211.         // define the button action
  212.         $proximo_button->setAction(new TAction(array($this, 'onProximo')), 'Salva e Proximo');
  213.         $proximo_button->setImage('ico_save.png'); 
  214.         $proximo_button->setProperty("tabindex","7");
  215.         
  216.         // create an action button (go to list)
  217.         $goto_button=new TButton('list');
  218.         // define the button action
  219.         $goto_button->setAction(new TAction(array('ProductDataGridView', 'onReload')), 'Listagem');
  220.         $goto_button->setImage('ico_datagrid.png');
  221.         $goto_button->setProperty("tabindex","-1");
  222.         
  223.         // create an action button (go to list)
  224.         $anterior_button=new TButton('anterior');
  225.         // define the button action
  226.         $anterior_button->setAction(new TAction(array($this, 'onAnterior')), 'Anterior');
  227.         $anterior_button->setImage('ico_anterior.png');  
  228.         $anterior_button->setProperty("tabindex","-1");
  230.         // create an action button (go to list)
  231.         $limpar_button=new TButton('limpar');
  232.         // define the button action
  233.         $limpar_button->setAction(new TAction(array($this, 'onLimpar')), 'Limpar');
  234.         $limpar_button->setImage('ico_delete.png');  
  235.         $limpar_button->setProperty("tabindex","-1");
  236.    
  237.         // create an action button (go to list)
  238.         $deletar_button=new TButton('excluir');
  239.         // define the button action
  240.         $deletar_button->setAction(new TAction(array($this, 'onDelete')), 'EXCLUIR');
  241.         $deletar_button->setImage('ico_delete.png');  
  242.         $deletar_button->setProperty("tabindex","-1");   
  244.         // add a row for the form action
  245.         $row=$table_buttons->addRow();
  246.         $row->addCell($save_button);
  247.         $row->addCell($proximo_button);
  248.         $row->addCell($limpar_button);
  249.         $row->addCell($anterior_button);
  250.         //$row->addCell($deletar_button);
  251.         $row->addCell($goto_button);
  252.         
  253.         
  254.         // add a row for the form action
  255.         //$row=$table->addRow();
  256.         //$cell=$row->addCell($table_buttons);
  257.         //$cell->colspan=3;
  258.         $row=$table->addRow();        
  259.         //$row->addCell($this->divFoto);
  260.         $row->addCell($easydiv);
  261.         $row->addCell($table_numbers);
  262.         // define wich are the form fields
  263.         $this->form->setFields(array($id,$name,$n1,$n2,$n3,$n4,$outros,$save_button,$anterior_button,$proximo_button,$goto_button,$limpar_button,$deletar_button));
  266.         // add the form to the page
  267.         parent::add($this->form);
  268.     }
  271.     /**
  272.      * method onSave()
  273.      * Executed whenever the user clicks at the save button
  274.      */
  275.     function onSave()
  276.     {
  277.         try
  278.         {
  279.             // open a transaction with database 'library'
  280.             TTransaction::open(TSession::getValue('iniciais'));
  282.             // get the form data into an active record Book
  283.             $object = $this->form->getData('Product');
  285.             // stores the object
  286.             $object->store();
  288.             // fill the form with the active record data
  289.             // mantem n1,n2,n3,n4
  290.             //$this->form->setData($object);
  291.             
  292.             //avança para proximo
  293.             
  294.             $objectproximo = new Product($object->proximo);
  295.             if ($objectproximo->n1 == "" and $objectproximo->outros == "") {
  296.                 $objectproximo->n1 = $object->n1;
  297.                 $objectproximo->n2 = $object->n2;
  298.                 $objectproximo->n3 = $object->n3;
  299.                 $objectproximo->n4 = $object->n4;
  300.                 
  301.                 }
  302.             $this->form->setData($objectproximo);
  304.          //$this->imgFoto->src = "app/images/".$objectproximo->corrida."/".$objectproximo->name.".jpg"; 
  305.          $this->imgFoto->src = "chrome-extension://".TSession::getValue('chrome')."/".$objectproximo->name.".jpg";      
  306.         $this->linka->href = $this->imgFoto->src;
  307.         
  308.             // close the transaction
  309.             TTransaction::close();
  311.             // shows the success message
  312.             //new TMessage('info', 'Registro Salvo');
  313.             // reload the listing
  314.             
  315.             
  316.             
  317.             
  318.         }
  319.         catch (Exception $e) // in case of exception
  320.         {
  321.             // shows the exception error message
  322.             new TMessage('error', '<b>Error</b> ' . $e->getMessage());
  324.             // undo all pending operations
  325.             TTransaction::rollback();
  326.         }
  327.     }
  328.     
  330.     /**
  331.      * method onEdit()
  332.      * Executed whenever the user clicks at the edit button da datagrid
  333.      */
  334.     function onEdit($param)
  335.     {
  336.         try
  337.         {
  338.                         
  339.             if (isset($param['key']))
  340.             {
  341.                 // get the parameter $key
  342.                 $key=$param['key'];
  344.                 // open a transaction with database 'fotos'
  345.                 TTransaction::open(TSession::getValue('iniciais'));
  347.                 // instantiates object Book
  348.                 $object = new Product($key);
  350.                 // fill the form with the active record data
  351.                 $this->form->setData($object);
  352.                 
  353.                 
  354.         //$this->imgFoto->src = "../content/photopreupload/".TSession::getValue('iniciais')."/".$object->name.".jpg"; 
  355.         $this->imgFoto->src = "chrome-extension://".TSession::getValue('chrome')."/".$object->name.".jpg"; 
  356.         $this->linka->href = $this->imgFoto->src;
  357.         
  358.                 // close the transaction
  359.                 TTransaction::close();
  360.             }
  361.             else
  362.             {
  363.                 $this->form->clear();
  364.             }
  365.         }
  366.         catch (Exception $e) // in case of exception
  367.         {
  368.             // shows the exception error message
  369.             new TMessage('error', '<b>Error</b> ' . $e->getMessage());
  371.             // undo all pending operations
  372.             TTransaction::rollback();
  373.         }
  374.     }
  375.     function onAnterior()
  376.     {
  377.         try
  378.         {
  379.             // open a transaction with database 'library'
  380.             TTransaction::open(TSession::getValue('iniciais'));
  382.             // get the form data into an active record Book
  383.             $object = $this->form->getData('Product');
  385.             // stores the object
  386.             //$object->store();
  388.             // fill the form with the active record data
  389.             //$this->form->setData($object);
  390.             
  391.             //avança para proximo
  392.             
  393.             $objectanterior = new Product($object->anterior);
  394.             $this->form->setData($objectanterior);
  395.          //$this->imgFoto->src = "app/images/".$objectanterior->corrida."/".$objectanterior->name.".jpg"; 
  396.          $this->imgFoto->src = "chrome-extension://".TSession::getValue('chrome')."/".$objectanterior->name.".jpg";    
  397.          //$this->imgFoto->src = "../content/photopreupload/".TSession::getValue('iniciais')."/".$objectanterior->name.".jpg";                
  398.         $this->linka->href = $this->imgFoto->src;
  399.                 
  400.             // close the transaction
  401.             TTransaction::close();
  403.             // shows the success message
  404.             //new TMessage('info', 'Registro Salvo');
  405.             // reload the listing
  406.         }        
  407.         catch (Exception $e) // in case of exception
  408.         {
  409.             // shows the exception error message
  410.             new TMessage('error', '<b>Error</b> ' . $e->getMessage());
  412.             // undo all pending operations
  413.             TTransaction::rollback();
  414.         }   
  415.     }    
  416.     function onProximo()
  417.     {
  418.         try
  419.         {
  420.             // open a transaction with database 'library'
  421.             TTransaction::open(TSession::getValue('iniciais'));
  423.             // get the form data into an active record Book
  424.             $object = $this->form->getData('Product');
  426.             // stores the object
  427.             $object->store();
  429.             // fill the form with the active record data
  430.             //$this->form->setData($object);
  431.             
  432.             //avança para proximo
  433.             
  434.             $objectproximo = new Product($object->proximo);
  436.             $this->form->setData($objectproximo);
  438.          //$this->imgFoto->src = "app/images/".$objectproximo->corrida."/".$objectproximo->name.".jpg";
  439.          $this->imgFoto->src = "chrome-extension://".TSession::getValue('chrome')."/".$objectproximo->name.".jpg";       
  440.         $this->linka->href = $this->imgFoto->src;           //avança para proximo
  441.             
  443.                 
  444.             // close the transaction
  445.             TTransaction::close();
  447.             // shows the success message
  448.             //new TMessage('info', 'Registro Salvo');
  449.             // reload the listing
  450.             
  451.             
  452.             
  453.             
  454.         }        
  455.         catch (Exception $e) // in case of exception
  456.         {
  457.             // shows the exception error message
  458.             //new TMessage('error', '<b>Error</b> ' . $e->getMessage());
  459.             //new TMessage('info', $object->id);
  460.             
  461.             // undo all pending operations
  462.             TTransaction::rollback();
  463.         }
  464.     }
  465.  /**
  466.      * method onEdit()
  467.      * Executed whenever the user clicks at the edit button da datagrid
  468.      */
  469.     function onLimpar()
  470.     {
  471.         try
  472.         {
  474.                 // instantiates object Book
  475.             $object = $this->form->getData('Product');
  477.         $object->n1="";
  478.         $object->n2="";
  479.         $object->n3="";
  480.         $object->n4="";
  481.         $object->outros="";
  482.         
  483.             // fill the form with the active record data
  484.             $this->form->setData($object);
  485.         //$this->imgFoto->src = "app/images/".$object->corrida."/".$object->name.".jpg"; 
  486.         $this->imgFoto->src = "chrome-extension://".TSession::getValue('chrome')."/".$object->name.".jpg"; 
  487.         $this->linka->href = $this->imgFoto->src;
  488.         }
  489.         catch (Exception $e) // in case of exception
  490.         {
  491.             // shows the exception error message
  492.             new TMessage('error', '<b>Error</b> ' . $e->getMessage());
  494.             // undo all pending operations
  495.             TTransaction::rollback();
  496.         }
  497.     } 
  499.     /**
  500.      * method onDelete()
  501.      * executed whenever the user clicks at the delete button
  502.      * Ask if the user really wants to delete the record
  503.      */
  504.     function onDelete()
  505.     {
  506.         // get the parameter $key
  507.         $object = $this->form->getData('Product');
  508.         
  509.         $key=$object->id;
  510.         
  511.         // define two actions
  512.         $action = new TAction(array($this, 'Delete'));
  513.         
  514.         // define the action parameters
  515.         $action->setParameter('key', $key);
  516.         
  517.         // shows a dialog to the user
  518.         new TQuestion(TAdiantiCoreTranslator::translate('Do you really want to delete ?'), $action);
  519.     }
  520.     
  521.     /**
  522.      * method Delete()
  523.      * Delete a record
  524.      */
  525.     function Delete($param)
  526.     {
  527.         try
  528.         {
  529.             // get the parameter $key
  530.             $key=$param['key'];
  531.             // open a transaction with database 'changeman'
  532.             TTransaction::open(TSession::getValue('iniciais'));
  533.             
  534.             // instantiates object Document
  535.             $object = new Product($key);
  536.             
  537.             $objectproximo = new Product($object->proximo);
  538.             
  539.             //exclui a imagem
  540.             //unlink("app/images/".$object->corrida."/".$object->name.".jpg");
  541.             unlink("../content/photopreupload/".TSession::getValue('iniciais')."/".$object->name.".jpg");
  542.              
  543.             // deletes the object from the database
  544.             $object->delete();
  545.             
  546.             
  547.             // reload the listing
  548.             //$this->onReload();
  549.             // shows the success message
  550.   
  551.             
  552.             new TMessage('info', TAdiantiCoreTranslator::translate('Record deleted'));
  553.             
  554.             
  555.             $this->form->setData($objectproximo);
  557.          //$this->imgFoto->src = "app/images/".$objectproximo->corrida."/".$objectproximo->name.".jpg"; 
  558.          $this->imgFoto->src = "chrome-extension://".TSession::getValue('chrome')."/".$objectproximo->name.".jpg";      
  559.         $this->linka->href = $this->imgFoto->src;           //avança para proximo    
  560.         
  561.             // close the transaction
  562.             TTransaction::close();        
  563.             
  564.         }
  565.         catch (Exception $e) // in case of exception
  566.         {
  567.             // shows the exception error message
  568.             new TMessage('error', '<b>Error</b> ' . $e->getMessage());
  569.             
  570.             // undo all pending operations
  571.             TTransaction::rollback();
  572.         }
  573.     } 
  574. }
  575. ?>

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 (4)

LJ
Luiz Jampolsky - AUTOR DO POST       18/03/2018 (há 7 anos)

em um post antigo o pablo me deu uma dica, mas não consegui aplicar:

https://www.adianti.com.br/forum/pt/view_669?tbutton-com-tecla-de-atalho-
LJ
Luiz Jampolsky       19/03/2018 (há 7 anos)



Deu certo , fiz assim:

// habilita o tab no enter $script = new TElement('script'); $script->type = 'text/javascript'; $javascript = " $('body').on('keydown', 'input, select, textarea', function(e) { var self = $(this) , form = self.parents('form:eq(0)') , focusable , next ; if (e.keyCode == 13) { focusable = form.find('input,a,select,button,textarea').filter(':visible'); next = focusable.eq(focusable.index(this)+1); if (next.length) { next.focus(); } else { form.submit(); } return false; } if (e.keyCode == 70) { $('#tbutton_proximo').click(); return false; } if (e.keyCode == 71) { $('#tbutton_proximo').click(); return false; } if (e.keyCode == 65) { $('#tbutton_anterior').click(); return false; } if (e.keyCode == 109) { $('input[name=\'n1\'').val(''); $('input[name=\'n2\'').val(''); $('input[name=\'n3\'').val(''); $('input[name=\'n4\'').val(''); $('input[name=\'outros\'').val(''); return false; } if (e.keyCode == 111) { $('input[name=\'outros\'').val('ni'); return false; } });"; $script->add($javascript); TPage::add($script);


Dica para saber o numero das teclas: keycode.info/
LJ
Luiz Jampolsky       20/03/2018 (há 7 anos)

DEU UM PROBLEMA:
quando inseri este javascript nesta página, alterando as teclas, quando vou para um outro form, as teclas de atalho continuam ativas no outro form ?????
como resolver isso ?
LJ
Luiz Jampolsky       23/03/2018 (há 7 anos)

quando atualizei o framework para a versao mais recente , funcionou corretamente.