Hi,
ich habe eine Liste, oder besser gesagt eine Matrix von Eingbaefeldern (input, select, etc.), etwa vergleichbar mit einem Excel-Sheet.
Am Ende jeder Zeile sind Icons fuer das duplizieren, loeschen etc. von Zeilen.
Diese Aktionen moechte ich mittels JavaScript ausfuehren, soweit kein Problem.
Meine Frage is nun, was ist ein performanter, sauberer Weg das zu machen.
Ich hatte einfach mal die klick-events zum body bubblen lassen, und dort if/else-statements eingefuehrt, die das angeklickte Attribut der entsprechenden Aktion zuweisen, also z.B.
[...]
if(element.name == 'add')
add(element);
[...]
Eine andere Variante die mir einfallen wurde ist, fuer jedes Element das eine Aktion ausfuehrt, einen Event-Handler zu registrieren. Das waere sauberer, aber auch weniger performant, da ich alle aktiven Elemente der matrix suchen muss, und den Event-Handler zuweisen muss.
Daher meine Frage. Wie macht man dass am besten?
Ich benutze in meinem Projekt auch prototype.js, also koennte ich auf Methoden aus dieser Bibliohek auch zurueck greifen.
Vielen Dank fuer jegliche Ideen.