Backbone.js - Изгледи

Backbone.js Той се основава на структурата на MVC, освен че има Модели, има също изгледиСпоред философията на тази архитектура за изграждане на софтуер, изгледите са тези, които имат отговорността да показват на потребителя данните, които се генерират между контролера и модела в зависимост от направената заявка.
В Backbone.js това работи малко по -различно, изгледът не съдържа елементи, които потребителят вижда директно, а по -скоро съобщава данните чрез шаблонен механизъм.
Изгледите в Backbone.js
В Backbone.js изгледите като такива не съдържат HTML език, който може да бъде показан на потребителя на нашето приложение, напротив, те съдържат логиката, която ще ни позволи да изградим работата на предната част на приложението, която разработваме, използвайки модела като база, тоест това, което имаме в модела, ще го манипулираме в изгледа, като по този начин ще имаме две нива на действие.
За показване на данни ще използваме метод render () което ни позволява да предаваме данните от нашия изглед на шаблон, като този шаблон е вграден в някакъв двигател на Javascript шаблони например: Подчертаване, мустаци, Jquery-tpml и др.
Преглед на създаването
Да се създайте изглед Ние следваме доста директен процес и подобен на създаването на модел, за да генерираме гледката, от която само трябва да се разширим Гръбнак. Преглед, нека видим как се държи това, когато го стартираме на нашия хромирана конзола използване на HTML файл с библиотеките на Backbone.js, jsquery Y Долна черта вече заредени.
Нека първо да видим кода, който ще поставим в нашата конзола:

 var TodoView = Backbone.View.extend ({tagName: 'li', // Кешира функцията на шаблона за един елемент. todoTpl: _.template ("Примерен шаблон"), събития: {'dblclick label': 'edit ',' keypress .edit ':' updateOnEnter ',' blur .edit ':' close '}, // Регенерирайте надписите на етикета на елемента. render: function () {this. $ el.html (this.todoTpl (this.todoTpl ( this.model.toJSON ())); this.input = this. $ ('. edit'); връщане на това;}, edit: function () {// Изпълнява се, когато се извърши двукратно щракване върху маркера}, затвори : function () {// изпълнява се, когато фокусът е премахнат от елемента}, updateOnEnter: function (e) {// изпълнява се, когато се натисне клавиш, докато е в режим на редактиране, // но изчакайте, докато enter е натиснат, за да влезе в действие}}); 

Както виждаме, след като направим това разшири съответно ние инициализираме редица атрибути, които ще накарат нашия поглед да работи, допълнително във всеки елемент поставяме коментарите, така че да знаем как работи.
Сега нека видим в конзолата какво се случва, когато извикаме изгледа:

ВажноПри обаждане елемент на в console.log () това, което направихме с обекта, който създаваме от нашето виждане, това, което правим, е да отпечатаме DOM елемент съответно, по този начин е, че нашите възгледи могат да съставят своите елементи и по този начин да бъдат вмъкнати наведнъж в DOM дърво на шаблонен документ.
С това приключваме този урок, с който вече направихме крачка напред в това, което съответства на генерирането на изгледи в MVC приложение, използвайки Backbone.js.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка