...

Em formulários Pai Filho os campos filhos são criados dinamicamente e consequentemente os estilos e comportamentos destes campos não seguem o mesmo padrão dos outros campos do formulário quando utilizado os estilos e eventos padrões do Logix. Para solucionar este problema é recomendável seguir os passos abaixo:

...

1. Criar o botão e evento de inclusão de campos filhos manualmente

• • Para isto deve-se incluir no elemento de tabela do formulário o atributo noaddbutton com o valor true.

Exemplo

<div style="padding: 10px; margin-bottom: 5px;">
    <input type="button" onclick="addItem();" value="Adicionar item"/>
</div>


<table noaddbutton="true" tablename="item_paiitens">
    <!-- Código HTML -->
</table>

2. Criar o evento JavaScript para incluir e alterar o estilos dos campos filhos

• • Para incluir novos itens filhos, utilizar a função padrão wdkAddChild passando por parâmetro o nome definido no atributo tablename.
  • O evento wdkAddChild irá criar os itens filhos e retornar o número da linha criada.
  • Após, executar a função initLogixHtml passando o número da linha e o nome definido no atributo tablename.

Exemplo

function addItem() {
    var tablename = "item_pai";
        row = wdkAddChild(tablename);
    
    initLogixHtml(tablename, row);
}

Seguindo os passos acima, os itens filhos irão se comportar normalmente assim como o restante dos campos do formulário.

Anexos

• Biblioteca JavaScript wfLogixUtil.js.