Histórico da Página
...
Bloco de código | ||
---|---|---|
| ||
function displayFields(form, customHTML) { form.setVisible("campoA", false); form.setVisibleById("linha___1", false); } |
Formulário funcional com exemplos de utilização de setVisible, setVisibleById, setHideDeleteButton e setHidePrintLink:
Bloco de código | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
<html> <head> <script type="text/javascript" src="/portal/resources/js/jquery/jquery.js"></script> <link type="text/css" rel="stylesheet" href="/portal/resources/style-guide/css/fluig-style-guide.min.css"/> <script type="text/javascript" src="/portal/resources/style-guide/js/fluig-style-guide.min.js" charset="utf-8"></script> </head> <body> <div class="fluig-style-guide"> <form name="form" role="form"> <h1>Ao Salvar <small> escolha o que ocultar ao salvar o formulário</small></h1> <p> <div class="checkbox"> <label> <input type="checkbox" name="ocultarTabela" value="on" > Ocultar toda tabela </label> </div> <div class="checkbox"> <label> <input type="checkbox" name="ocultarCampoA"> Ocultar campo A </label> </div> <div class="checkbox"> <label> <input type="checkbox" name="ocultarCampoN1"> Ocultar campo N da primeira linha </label> </div> <div class="checkbox"> <label> <input type="checkbox" name="ocultarCampoM2"> Ocultar campo M da segunda linha </label> </div> <div class="checkbox"> <label> <input type="checkbox" name="ocultarLinha1"> Ocultar linha 1 </label> </div> <div class="checkbox"> <label> <input type="checkbox" name="ocultarExclusao"> Ocultar botão de excluir </label> </div> <div class="checkbox"> <label> <input type="checkbox" name="ocultarImpressao"> Ocultar botão de imprimir </label> </div> <div class="checkbox"> <label> <input type="checkbox" name="ocultarLoremIpsum"> Ocultar Lorem Ipsum </label> </div> <p><br><p> <input type="text" name="campoA" placeholder="Campo A" class="form-control" ></input><br> <p> <h2>Tabela de registros</h2> <table class="table table-bordered" tablename="tabelaTeste" addbuttonlabel="Novo Registro" cellspacing="0" width="100%" id="minhaTabela"> <thead> <tr class="tableHeadRow"> <td class="tableColumn">N</td> <td class="tableColumn">M</td> </tr> </thead> <tbody> <tr class="tableBodyRow" id="linha"> <td><input class="form-control" name="campoN" type="text"></td> <td><input class="form-control" name="campoM" type="text"></td> </tr> </tbody> </table> <p> <div id="loremIpsum"> Lorem Ipsum: Proin eget purus non mauris vehicula aliquam vitae sed est </div> </form> </div> </body> </html> |
Bloco de código | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
function displayFields(form,customHTML){ var ocultarTodaTabela = form.getValue("ocultarTabela") == "on"; // Ocultar toda tabela var ocultarCampoA = form.getValue("ocultarCampoA") == "on"; // Ocultar campo A var ocultarCampoN1 = form.getValue("ocultarCampoN1") == "on"; // Ocultar campo N da primeira linha var ocultarCampoM2 = form.getValue("ocultarCampoM2") == "on"; // Ocultar campo M da segunda linha var ocultarLinha1 = form.getValue("ocultarLinha1") == "on"; // Ocultar linha 1 var ocultarExclusao = form.getValue("ocultarExclusao") == "on"; // Ocultar botão de excluir var ocultarImpressao = form.getValue("ocultarImpressao") == "on"; // Ocultar botão de imprimir var ocultarLoremIpsum = form.getValue("ocultarLoremIpsum") == "on"; // Ocultar a div Lorem Ipsum if ( ocultarTodaTabela ) { form.setVisibleById("minhaTabela", false); // bloqueia o campo, tabela ou div cujo id seja "minhaTabela" } if ( ocultarCampoA ) { form.setVisible("campoA", false); // bloqueia o campo com name "campoA" } if ( ocultarCampoN1 ) { form.setVisible("campoN___1", false); // bloqueia o campo com name "campoN___1" } if ( ocultarCampoM2 ) { form.setVisible("campoM___2", false); // bloqueia o campo com name "campoM___2" } if ( ocultarLinha1 ) { form.setVisibleById("linha___1", false); // bloqueia o campo, tabela ou div cujo id seja "linha___1" } if ( ocultarLoremIpsum ) { form.setVisibleById("loremIpsum", false); // bloqueia o campo, tabela ou div cujo id seja "linha___1loremIpsum" } if ( ocultarExclusao ) { form.setHideDeleteButton(true); // bloqueia o botão de exclusão de linha } if ( ocultarImpressao ) { form.setHidePrintLink(true); // bloqueia botão de imprimir } } |
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas