2017-04-17 5 views
2

Ich neu in Jquery und Javascript.markieren Zeile nach dem Bearbeiten in Datatables

I Datentabellen verwende ich versuche, einige Daten zu zeigen

ich bestimmte Zeilen zu markieren, das heißt: Zeilen, die nach Inline bearbeiten bearbeitet wurden. Ich verwende die Inline-Bearbeitung (von https://github.com/ejbeaty/CellEdit). Der Code, den ich in „Advanced.js“ geändert haben, ist wie folgt:

function myCallbackFunction (updatedCell, updatedRow, oldValue) { 



    if (updatedCell.data() == "Bradley") 
     { 
      console.log("highlight required for Name Bradley") 
      $(updatedRow).css("background-color", "Orange") 

     } 

    console.log("The new value for the cell is: " + updatedCell.data()); 
    console.log("The old value for that cell was: " + oldValue); 
    console.log("The values for each cell in that row are: " + updatedRow.data()); 
} 

In der Callback-Funktion Ich versuche, die Hintergrundfarbe für einen bestimmten Namen zu ändern. Ich kann das console.log sehen, aber die Farbänderungen scheinen nicht aufgegangen zu sein.

+1

Offensichtliche wäre 'updatedRow.to $() addClass ('Highlight') 'where' .highlight' ist eine CSS-Klasse. – davidkonrad

+0

Danke für die Antwort, aber ich bin immer noch nicht in der Lage, in die hervorgehobene Zeile zu kommen, auch nachdem ich den Code hinzugefügt habe. Ich denke, ich vermisse Bezug auf Eltern() ..Any Vorschläge. – Nancy

+0

Ich habe 'nodes() vergessen.' 'CellEdit' noch nie zuvor gesehen, nur kurz auf die Github-Quelle geschaut. Habe unten ein kleines Arbeitsbeispiel erstellt. – davidkonrad

Antwort

0

Haben diese CellEdit Plugin vorher nicht wussten, aber es sieht wirklich nett, anständig und geradlinig zu sein. Anstatt ein Beispiel zu kopieren, ist es manchmal besser, ein kleines minimales Beispiel von Grund auf neu zu erstellen. Schauen Sie sich diese

I .nodes() im Kommentar vergessen, sorry für das - aber die oben genannten Arbeiten. ->http://jsfiddle.net/Lccju5bq/

+0

Danke eine Tonne David! .. Es klappt ! ... – Nancy

0

versuchen, diese `

if (updatedCell.data() == "Bradley") 
    { 
     console.log("highlight required for Name Bradley") 
     var updatedRow = document.getElementbyId("updatedRow); 
     updatedRow.style.background = 'black'; 

    } 
+0

Danke ... aber ,, Ich habe es versucht, es funktioniert nicht. Allerdings bezweifle ich, dass updateRow eine ID ist. Es hat mehr mit der Databases-API zu tun, die JQuery ich denke ... – Nancy