Templates de formulário

Os templates de formulário do projeto estão localizados no arquivo templates.html. Este arquivo está localizado no diretório raiz do projeto e pode ser acessado/modificado ao clicar em templates [F9] na árvore de Tarefa.

Quando o método load é executado, o arquivo é processado e armazenado no atributo templates como um objeto JQuery.

Para adicionar um template de formulário para um item, você deve adicionar uma div com a classe name-suffix dentro da div de templates, onde name é o item_name do item e suffix é o tipo do formulário: view, edit, filter, param.

Por exemplo:

<div class="invoices-edit">
        ...
</div>

é um template de formulário de edição do item invoices.

Para um detalhe, antes do seu nome deve estar o nome do seu mestre, separado por um hífen:

<div class="invoices-invoice_table-edit">
        ...
</div>

Se um item não tiver um template de formulário, então será usado o template de formulário do seu proprietário, se definido.

Assim, o template

<div class="journals-edit">
        ...
</div>

será usado para criar formulários de edição dos itens que pertencem ao grupo Registros e que não possuem seu próprio template de formulário de edição.

Se, após essa busca, nenhum template for encontrado para o item, o template com a classe default-suffix será usado para criar o formulário.

Portanto, o template

<div class="default-edit">
        ...
</div>

será usado para criar formulários de edição para itens que não possuem templates definidos para si nem para seus proprietários.

Quando um novo projeto é criado, o arquivo index.html já contém tais templates.

Abaixo está um exemplo de template padrão de formulário de edição retirado do arquivo index.html:

<div class="default-edit">
    <div class="form-body">
        <div class="edit-body"></div>
        <div class="edit-detail"></div>
    </div>
    <div class="form-footer">
        <button type="button" id="ok-btn" class="btn btn-primary">
            <i class="bi bi-check-square"></i> OK<small class="muted">&nbsp;[Ctrl+Enter]</small>
        </button>
        <button type="button" id="cancel-btn" class="btn btn-secondary">
            <i class="bi bi-x-square"></i> Cancelar
        </button>
    </div>
</div>

Há mais exemplos de templates na seção Exemplos de formulário.