Histórico da Página
...
A técnica 2.0 do pai Filho não aceita permite o uso de todos os componentes html, mas aceita os principais, sendo os homologados pelo produto os tipos: text, radio button, checkbox, select, select multiple, hidden, textarea, image e button.
Expanda a macro e veja o exemplo a seguir, para um exemplo mais completo seguindo o style guide:
HTML. É possível utilizar apenas:
- text
- radio button
- checkbox
- select
- select multiple
- hidden
- textarea
- image
- button
Expanda a macro e veja o exemplo:
Bloco de código | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
<html>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/portal/resources/style-guide/css/fluig-style-guide.min.css">
<link rel="stylesheet" type="text/css" href="/portal/resources/style-guide/css/fluig-style-guide-filter.min.css">
<script src="/portal/resources/js/jquery/jquery.js"></script>
<script src="/portal/resources/js/jquery/jquery-ui.min.js"></script>
<script src="/portal/resources/js/mustache/mustache-min.js"></script>
<script src="/portal/resources/style-guide/js/fluig-style-guide.min.js"></script>
<script src="/portal/resources/style-guide/js/fluig-style-guide-filter.min.js"></script>
<title>Formulario pai e filho</title>
<body> | ||||||||
Bloco de código | ||||||||
| ||||||||
<HTML> <BODY scroll=yes> <span class="NumSecao"> <strong> Cadastro</strong></span> <HR> <br> <form> <table> <tr> <td align="right" width="100" class="Labels"><b>Data:</b></td> <td class="Normal"><strong><input type="text" size="30" name="data"></strong></td> </tr> <tr> <td align="right" width="100" class="Labels"><b>Solicitação:</b></td> <td class="Normal"><strong><input type="text" size="30" name="num_solic"></strong></td> </tr> <tr> <td align="right" width="100" class="Labels"><b>Atividade:</b></td> <td class="Normal"><input type="text" size="30" name="num_ativ"></td> </tr> <tr> <td align="right" width="100" class="Labels"><b>Processo:</b></td> <td class="Normal"><input type="text" size="30" name="cod_proc"></td> </tr> <tr> <td align="right" width="100" class="Labels"><b>Versão:</b></td> <td class="Normal"><p><input type="text" size="30" name="ver_proc"></p></td> </tr> <tr> <td align="right" width="100" class="Labels"><b>Usuário:</b></td> <td class="Normal"><p><input type="text" size="30" name="usuario"></p></td> </tr> <tr> <td align="right" width="100" class="Labels"><b>Empresa:</b></td> <td class="Normal"><p><input type="text" size="30" name="empresa"></p></td> </tr> <tr> <td align="right" width="100" class="Labels"><b>Observações:</b></td> <td class="Normal"><p><input type="text" size="30" name="obs"></p></td> </tr> <td class="label"> Autoriza? <input type="radio" name="aut" id="aut" value="branco" style="display:none"> Sim: <input name="aut" type="radio" value="aut_yes" checked> Não: <input name="aut" type="radio" value="aut_no"> </td> </table> <table> <tr> <td><b>Responsáveis:</b></td><br></br> <table border="1" tablename="teste" addbuttonlabel="Adicionar Responsável"> <thead> <tr> <td> <b>Responsável:</b> </td> <td> Check </td> <td> Observação </td> </tr> </thead> <tbody> <tr> <td> <select name="colaboradores" dataset="colleague" datasetkey="colleagueName" datasetvalue="colleagueName"></select> </td> <td> <input type="checkbox" name="validado" value="a"> </td> <td> <input type="text" name="mat_er_ial" id="mat_er_ial"> </td> </tr> </tbody> </table> </tr> </table> </form> </BODY>body> </HTML> html> |
Clique aqui e baixe um exemplo de formulário Pai e Filho usando o fluig Style Guide.
Pai Filho Radio Button
Para utilizar campos radio button, além da definição padrão do componente html, é necessário que seja utilizado o atributo ‘value’ para os dados serem salvos corretamente.
...
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas