NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: jQuery dynamická změna obsahu

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Jak se ti líbí článek?
Před uložením hodnocení, popiš prosím autorovi, co je špatněZnaků 0 z 50-500
Jak se ti kurz líbí?
Tvé hodnocení kurzuZnaků 0 z 50-500
Aktivity
Avatar
kxmx
Tvůrce
Avatar
kxmx:21.10.2014 15:55

Ahoj mám následující problém. Z pole objektů si generuji nějaký html element např tabulku

var data = [
    {'jmeno': 'Jana', 'cislo': 123},
    {'jmeno': 'Hana', 'cislo': 456},
    {'jmeno': 'Lenka', 'cislo': 789}
];

data.forEach(function(i){
    html += '<td>'+ i.jmeno +'</td><td>' + i.cislo + '</td>';
});

a dále mám na řádky pověšenou click funkci

$(this).find('tr').click();

Problém je s tím že data potřebuji měnit např filtrovat je přes keyup. Existuje nějaká obecná jQuery best practices jak měnit jen ty surová data a aktualizovat strukturu abych se vyhl překreslení?

současné špatné použití

$(".filtr").keyup(function(){
    var novaData = nejakyFilrt($(this).val());
    $(".tabulka").find("tbody").html(funkceVracejiciHtml(novaData));
});

takto přicházím o ten click a musím ho psát znovu

 
Odpovědět
21.10.2014 15:55
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 1 zpráv z 1.