Nové výhodné předplatné namísto kreditů je tu! Více informací. Upravili jsme také naše provozní podmínky.
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

Editor stromového menu v JavaScriptu - Položky a načítání

V minulém tutoriálu o tvorbě editoru stromového menu v JavaScriptu jsme si představili projekt a vytvořili objekty TreeEditor a TreeNode. V dnešním dílu dodáme přidávání/mazání položek a načítání dat AJAXem.

Přidání podpoložky do menu

Objektu TreeNode přidáme metodu pro přidání podpoložky. Podpoložku přijmeme v parametru node.

TreeNode.prototype.appendNode = function (node) {
}

V této metodě jednak přidáme položku do pole nodes a jednak ji přidáme do listu UL v DOMu.

this.nodes.push(node);
this.ul.appendChild(node.element);

Obsluha tlačítka přidat podpoložku

Na objektu TreeNode si pro tuto činnost vytvoříme metodu. Pojmenujme ji btnAddNodeClick().


 

...konec náhledu článku...
Pokračuj dál

Znalosti v hodnotě stovek tisíc získáš za pár korun

Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.

Před koupí tohoto článku je třeba koupit předchozí díl

Obsah článku spadá pod licenci Premium, koupí článku souhlasíš s Provozními podmínkami.

Co od nás v dalších lekcích dostaneš?
  • Přístup k jednotlivým lekcím dle způsobu pořízení.
  • Kvalitní znalosti v oblasti IT.
  • Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.

Popis článku

Požadovaný článek má následující obsah:

V tutoriálu vyvíjíme editor stromového menu. Popíšeme si, jak položky mazat, přidávat a rekurzivně hledat. Načteme do aplikace data.
Článek pro vás napsal Michal Žůrek - misaz
Avatar
Autor se věnuje tvorbě aplikací pro počítače, mobilní telefony, mikroprocesory a tvorbě webových stránek a webových aplikací. Nejraději programuje ve Visual Basicu a TypeScript. Ovládá HTML, CSS, JavaScript, TypeScript, C# a Visual Basic.
Aktivity