4D Ajax Framework v11 Demos
    Release 1 (11.1)

 Barra de ferramentas

 Pesquisa predeterminada

  • Mostrar uma pesquisa predeterminada
    Em 4D Ajax Framework v11 Release 1, as pesquisas predeterminadas podem mostrar em uma pestana ou em uma nota em um enquadramento. Este exemplo mostra como definir e mudar as opções de visualização de pesquisas dentro de um objeto de dados.

 Cabeçalho e pé de página

  • Controles de filas de cabeçalho e pé de página
    Este exemplo utiliza vários comandos novos do 4D Ajax Framework v11 Release 1 para personalizar melhor às linhas de cabeçalho e pé de página na rede. Uma mudança importante é que todas as filas na rede, agora podem mostrar texto ajustado.

Arrastar e soltar

  • Arrastar e soltar objetos
    A rede de dados em 4D Ajax Framework v11 Release 1 têm integradas às funcionalidades de arrastar e soltar. Este exemplo demonstra 3 formas diferentes de arrastar e soltar objetos entre duas redes de dados.

 Manipulação de colunas

O API JavaScript do 4D Ajax Framework pode utilizar-se para realizar um número de tarefas sobre colunas na rede de dados. Há três exemplos diferentes:

  • Bloqueio de colunas
    Este exemplo mostra como bloquear uma coluna de rede de dados. Esta característica permite ao usuário mudar de lugar horizontalmente de esquerda à direita, enquanto isso permanece visível uma coluna bloqueada.

  • Controle de visualização de colunas
    Este exemplo mostra como visualizar e ocultar colunas selecionadas de redes de dados.

  • Redimensionamento de colunas
    Este exemplo mostra como manipular o tamanho de uma coluna de rede de dados.

 Estilo CSS e celas

  • Estilos de celas independentes
    A rede de dados em 4D Ajax Framework v11 Release 1 suporta estilos de celas independentes. Esta característica permite ao desenvolvedor mudar dinamicamente ou invalidar estilos para toda a cela, fila ou coluna.

 Edição em linha

  • Ativar e desativar a edição em linha
    Data Grid 2.0 permite aos usuários modificar um registro na área de rede de dados. Este exemplo mostra três dos novos comandos de edição em linha.

Controle de imagem

  • Pré-visualização de imagens ao passar o mouse "Hovering"
    Anteriormente, para mostrar uma imagem em uma rede, você tinha que clicar nela e abrir uma nova janela. Agora, pode mover seu ponteiro sobre um link e pré-visualizar a imagem sem ter que clicar para vê-la.

  • Eventos hover
    Este exemplo amplia o primeiro demo de pré-visualização de imagens ao passar o mouse “Hovering”, acrescentando alguns eventos adicionais a manipulação da imagem.