handsOnTable Zelle färben

Ich habe eine Handsontable Tabelle mit Daten gefüllt und bereits erbrachte

Nach Prüfung der Zellen, ich habe sich ein paar Zellen von Interesse und würde gerne die Farbe - ist es ein guter Weg, dies zu tun mit der Handsontable code?

Bitte beachten: dies ist nach dem laden und Rendern der Tabelle

Edit:

Die Tabelle gerendert wird mit den grundlegenden Möglichkeiten:

$container.handsontable({
    startRows: 8,
    startCols: 6,
    rowHeaders: true,
    colHeaders: true,
    minSpareRows: 1,
    minSpareCols: 1,
    //contextMenu: false,
    cells: function (row, col, prop) {
    }
  });

Und dem laden der Daten per Ajax, decode_file.php liest eine excel-Tabelle und liefert Daten als JSON:

  $.ajax({
      url: "decode_file.php",
      type: 'GET',
      success: function (res) {
        handsontable.loadData(res.data);
        console.log('Data loaded');
      },
      error: function (res) {
        console.log("Error : " + res.code);
      }
    });

Nach dem laden der Daten klickt der Benutzer auf einen "Bearbeiten" - button und der code sucht nach einer Zelle mit dem text "Hallo Welt". Lassen Sie uns sagen, der code findet den text "Hallo Welt" in Zelle Zeile 4/Spalte 5 und verändert die Hintergrundfarbe der Zelle Zeile 4/Spalte 5 zu rot

Nach welchen Kriterien willst du Sie farbig, wie sind Sie mit handsOnTable() (was auch immer das ist, link us, um das plugin verwendest du)? Was ist dein (Vertreter/kurze, in sich geschlossene, B. (SSCCE)? Können Sie eine JS Fiddle-demo, um Ihr problem reproduzieren, und zeigen Sie, was Sie tun?
lassen Sie mich sehen, wenn ich es auf jsFiddle, danke

InformationsquelleAutor sami | 2013-01-25

  1. 1

    Die homepage bietet ein gutes Beispiel für Ihren Zweck:

    http://handsontable.com/demo/renderers.html

    Ändern Sie einfach den Zustand (in diesem Fall die Obere/linke Ecke).

    cells: function (row, col, prop) {
  if (row === 0 && col === 0) {
    return {type: {renderer: greenRenderer}};
  }
}

    ist und du bist fertig.

    InformationsquelleAutor orange

  2. 0

    1. Holen Sie sich die Koordinaten der ausgewählten Zelle(N) mit handsontable('getSelected')

    2. wenn die Auswahl nicht leer ist :

      ein. Schleife über alle Zellen zu sammeln, jede Zelle renderer mit handsontable('getCellMeta') und meta.renderer, dann speichern Sie Sie in ein array (dies muss nur einmal gemacht werden)

      b. aktualisieren Sie die Tabelle mit handsontable("updateSettings") und cellProperties.renderer :

      • für Zellen innerhalb des ausgewählten Koordinaten, gelten die gewählten renderer und Aktualisierung der renderer den Namen in der 2.ein. array

      • für alle anderen Zellen, gelten die gespeicherten renderer

    InformationsquelleAutor Antoine

  3. 0

    Eine etwas merkwürdige Methode, die ich verwende, und es wirklich schnell und gut funktioniert:

    afterRender: function(){
    render_color(this);
}

    ht ist die Instanz der handsontable, und render_color:

    function render_color(ht){
  for(var i=0;i<ht.countRows();i++){
    for(var p=0;p<ht.countCols();p++){
      cell_color = "#000";
      font_color = "#fff";
      $(ht.getCell(i,p)).css({"color": font_color, "background-color": cell_color})
    }
  }
}

    InformationsquelleAutor Diko Parvanov

Schreibe einen Kommentar