Rede de dados - Controles de cabeçalho e pé de página

Este exemplo utiliza os seguintes novos comandos para Data Grid 2.0. A nova rede de dados dá ao desenvolvedor a possibilidade de acrescentar cabeçalhos e pés de páginas dentro da rede. O mais importante é que todas às filas na rede podem mostrar texto ajustado no qual oferece mais flexibilidade com os dados de texto.

var myDataGrid = new dax_dataGrid(selection, location, headerRows, lockedLeftColumns, useControlColumn);

Este comando chama-se durante a função onAfterInit() para criar a rede. O parâmetro headerRows específica quantas filas de cabeçalho se mostrarão. Este exemplo mostra duas filas de cabeçalhos.

myDataGrid.setFooterRows(number of footer rows);

Este comando define o número de filas de pé de página a mostrar. Este exemplo tem uma fila de pé de página.

myDataGrid.setHeaderHeight(row number, height in units);

Este comando define a altura das filas do cabeçalho. Por favor, note que o número das filas do cabeçalho começa em 0. Adicionalmente permite ajustar texto para mostrar dentro do cabeçalho. Uma altura de 3 utilizou-se para este exemplo para acomodar três linhas de dados de texto.

NOTA: Para ajustar texto, é necessário fazer uma chamada css. O arquivo demotoolbar.css faz esta chamada.

myDataGrid.setFooterHeight(row number, height in units);

Este comando define a altura das filas do pé de página. Por favor, note que o número de filas do cabeçalho começa em 0. Adicionalmente, permite ajustar o texto a mostrar no cabeçalho.

var realRowNumber = myDataGrid.getFooterRowNumber(footerRowNumber);

Este comando obtém o número da fila do pé de página. Por exemplo, para obter a primeira referência da fila de pé de página, passe 0 no parâmetro footerRowNumber. A função devolverá o número de fila em relação com a rede. Então, o resultado pode utilizar-se no comando a continuação.

myDataGrid.setCellValue (row, col, content);

Depois de definir a altura das filas, as filas podem encher-se com conteúdo ou dados. Neste exemplo se introduz dados de texto multi-linhas nas filas do cabeçalho. Adicionalmente, quando se referenciam as colunas, por favor, note que utilizam o mesmo princípio que as filas, as referências das colunas também começam em 0 e não em 1.

O evento onBeforeDataDisplay também utilizado para permitir personalizar valores a localizar na área de pé de página de cada coluna.

  myDataGrid.onBeforeDataDisplay = function() {
    var custValue = this.getCustomValuesFrom4D();
    var len = custValue.length;
    for (var i=0;i>len;i++) {
      this.setCellValue (realRowNumber, i+1, 'Total of>br<' + custValue[i].value);
    }
  };