Backbone.js - El Element

Šobrīd mēs zinām, ka skati Backbone.js Viņi strādā ar loģiku, kā prezentēt informāciju, kas strukturēta ar modeli, rodas jautājums, kā mēs to izpaužam savā lietojumprogrammā, ko mēs darām, strādājot ar DOM koks lai mēs varētu ievietot līdz Javascript dažādu veidņu saturu.
Lai sasniegtu šos mērķus, mums ir elements "" kas attiecas uz nosaukumu DOM elements ar kuru esam identificējuši savu redzes daļu.
Kas ir"?
Šis elements ir mūsu viedokļa galvenā sastāvdaļa vai īpašums, jo tas ir atsauce uz DOM elements ka uzskatiem ir obligāti. Skatu izmantošana "" kā īpašumu, ar kuru mēs veidojam saturu un pēc tam tiks ievietoti DOM.
Ir divi veidi, kā mēs varam saistīt a DOM elements ar redzi, pirmais izveido jaunu un pievieno to DOM un otrais lapā ir atsauce uz esošu.
Jauna elementa izveideJa mēs vēlamies izveidot jaunu elementu, mums jāizmanto rekvizīti: tagName, id un className, šādā veidā sistēma būs atbildīga par jaunā elementa izveidi mums, un atsauce uz minēto elementu būs pieejama īpašums "", ja mēs pametam tagName tukšs pēc noklusējuma tiks izveidots kā div.
Apskatīsim šādu kodu, kurā varēsim novērtēt līdz šim apgūto:

 var TasksView = Backbone.View.extend ({tagName: 'ul', // ir obligāts, bet, ja atstājam to tukšu, tas tiek uzskatīts par div className: 'container', // tas nav obligāts, bet mēs varam piešķirt vairāku klašu ID: 'uzdevums', // neobligāti}); var TasksView = jauns TasksView (); console.log (taskView .el); // drukās

Kā redzam, mēs veidojam skatu pamatveidā, paplašinot vai pārmantojot Mugurkauls.Skats, tad ar minētajiem rekvizītiem mēs tiem piešķiram vērtību, visbeidzot mēs momentānojam un ar a console.log () redzam rezultātu.
Nākamajā attēlā mēs varam ilustrēt, kā tas izskatās mūsu Chrome konsole:

Šeit mēs redzam, kā mēs varētu izveidot elementu ar etiķeti

ko mēs norādījām savā uzbūvē.
SetElement metode
Šo metodi izmanto, ja vēlamies skatu lietot citam jau esošam DOM elementam, tad tā izveidos jaunu atsauci $, kas netiks pievienots sākotnējam elementam, bet norādīs uz jauno, tas viss ir atkarīgs no notikuma, kuru mēs saucam.
Tālāk redzēsim, kā mēs to piemērojam:


 // Mēs izveidojam divus DOM elementus, kas attēlo pogas var button1 = $ (''); var poga2 = $ (''); // Mēs definējam jaunu skatu var View = Backbone.View.extend ({notikumi: {click: function (e) {console.log (view.el === e.target);}}}); // Mēs izveidojam skata instanci un lietojam to elementam button1 // pogai1 var view = new View ({el: button1}); // Tagad mēs piemērojam skatu elementam button2 ar metodi setElement view.setElement (button2); button1.trigger ('klikšķis'); button2.trigger ('klikšķis'); 


Tam vajadzētu atgriezt patiesu vērtību, kad mēs izpildām notikumu vietnē pogas2 elements Tā kā skats tika mainīts uz to, apskatīsim attēlu, kas atsaucas uz iepriekš minēto, lai pabeigtu apmācību:




Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu