my code stock.com

bansteatt84

Customize headers, footer, and data rows of a grid
von bansteatt84

To customize the header of a grid, override buildPreHeaderRows, appending a new row to the parentElement object :

grid.buildPreHeaderRows = function(parentElement) {
  var headerRow = document.createElement('tr');
  ... customize row element
  parentElement.appendChild(headerRow);

To modify data rows, override afterCreateDataRows and iterate over the data row elements. This example highlights specific rows by modifying row.style:

grid.afterCreateDataRows = function(parentElement, columns) {
  var dataRows = Ext.query('tr.dataRow', grid.tableBodyElement);
  for (var i=0, row; row = dataRows[i]; i++) {
      ... 
      row.style.background = ...

To modify single data cells, override afterCreateCellContent:

grid.afterCreateCellContent = function(row, column, cellElement) {
    var value = row[column.id];
  if (column.id == 'rm.area' && value != '' && value < 100) {
      ...
      cellElement.style.color = 'Blue';

To build a custom footer row to precede the possible 'more records' message footer row, override buildPreFooterRows:

grid.buildPreFooterRows = function(parentElement) {
  var rowElement = document.createElement('tr');
  ... customize row element
  parentElement.appendChild(rowElement);

Snippet-Optionen

Download: Snippet als customize-headers-footer-and-data-rows-of-a-grid.txt herunterladen.
Snippet kopieren: Für diese Aktion benötigst du einen kostenlosen my code stock.com Account
Embed-Code : Du findest den Embed-Code für dieses Snippet am Ende der Seite, wenn du es in eine Webseite oder einen Blog einbinden möchtest!


Jetzt kostenlosen my code stock.com Account anlegen

my code stok.com ist ein kostenloser Dienst zum Speichern und Verwalten von Code-Snippets jeglicher Art und Programmiersprache. Wir bieten dir viele Vorteile für die tägliche Arbeit mit Code-Snippets und der gemeinsamen Arbeit im Team, probier es aus!

Jetzt informieren und registrieren

Du kannst die Höhe des iFrame-Codes beliebig anpassen! Mehr Infos findest du in unserer Embed-Code API Referenz.