Backbone.js - El Element

V tuto chvíli víme, že názory v Backbone.js Pracují s logikou, jak prezentovat informace strukturované s modelem, vyvstává otázka, jak to vyjádříme v naší aplikaci, co děláme, je práce s prvky Strom DOM abychom mohli vložit do Javascript různý obsah v naší šabloně.
K dosažení těchto cílů máme prvek "ten" který odkazuje na název Prvek DOM pomocí kterého jsme identifikovali naši část zraku.
Co je to „to“?
Tento prvek je ústřední součástí nebo vlastností našeho pohledu, protože je odkazem na Prvek DOM že je povinné mít názory. Zobrazení používají "ten" jako vlastnost, se kterou skládáme obsah a která pak bude vložena do DOM.
Existují dva způsoby, kterými můžeme a spojit Prvek DOM s pohledem, První vytváří nový a přidává jej do DOM a druhý odkazuje na existující odkaz na stránce.
Vytvoření nového prvkuPokud chceme vytvořit nový prvek, musíme použít vlastnosti: tagName, id a className, tímto způsobem bude rámec zodpovědný za vytvoření nového prvku za nás a odkaz na uvedený prvek bude k dispozici v vlastnost "", v případě, že opustíme název štítku prázdné ve výchozím nastavení bude vytvořeno jako div.
Podívejme se na následující kód, kde můžeme ocenit to, co jsme se dosud naučili:

 var TasksView = Backbone.View.extend ({tagName: 'ul', // is required but if we leave it empty it is taken as div className: 'container', // it is optional but we can assign multiple classes id: 'task', // nepovinné}); var TasksView = nový TasksView (); console.log (tasksView .el); // vytiskne

Jak vidíme, vytváříme pohled základním způsobem rozšířením nebo děděním z Páteř. Pohled, pak jim zmíněnými vlastnostmi přiřadíme hodnotu, nakonec provedeme instanci a pomocí a console.log () vidíme výsledek.
Na následujícím obrázku můžeme ilustrovat, jak to vypadá u nás Chrome konzole:

Zde vidíme, jak bychom mohli vygenerovat prvek s popiskem

které jsme uvedli v našem sestavení zobrazení.
Metoda SetElement
Tato metoda se používá, když chceme použít pohled na jiný prvek DOM, který již existuje, pak vytvoří novou referenci $ the, který nebude připojen k původnímu prvku, ale bude ukazovat na nový, to vše v závislosti na události, kterou nazýváme.
Podívejme se v následujícím kódu, jak to použijeme:


 // Vytvoříme dva prvky DOM, které představují tlačítka var button1 = $ (''); var tlačítko2 = $ (''); // Definujeme nový pohled var View = Backbone.View.extend ({události: {click: function (e) {console.log (view.el === e.target);}}}); // Vytvoříme instanci pohledu a použijeme ji na element button1 // na button1 var view = new View ({el: button1}); // Nyní použijeme pohled na prvek button2 metodou setElement view.setElement (button2); button1.trigger ('kliknutí'); button2.trigger ('kliknutí'); 


To by mělo vrátit skutečnou hodnotu, když spustíme událost na prvek button2 Vzhledem k tomu, že se na něj změnilo zobrazení, podívejme se na obrázek, který odkazuje na výše vysvětlené, a dokončete tak tutoriál:




Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod