Преглед садржаја
Тренутно знамо да су погледи у Бацкбоне.јс Они раде са логиком како представити информације структуриране моделом, поставља се питање како то изражавамо у нашој апликацији, оно што радимо је рад са елементима ДОМ дрво тако да можемо убацити до Јавасцрипт различите садржаје у нашем шаблону.За постизање ових циљева имамо елемент "тхе" који се односи на назив ДОМ елемент са којим смо идентификовали наш део вида.
Шта је"?
Овај елемент је централна компонента или својство нашег погледа, будући да се позива на ДОМ елемент да је обавезно да ставови имају. Погледи користе "тхе" као својство са којим састављамо садржај и које ће се затим наставити са уметањем у ДОМ.
Постоје два начина на која можемо повезати а ДОМ елемент са призором, први ствара нову и додаје је у ДОМ и друго упућује на постојећи унутар странице.
Креирање новог елементаАко желимо да направимо нови елемент морамо користити својства: тагНаме, ид и цлассНаме, на овај начин ће оквир бити задужен за стварање новог елемента за нас и референца на наведени елемент ће бити доступна у својина "тхе", у случају да напустимо Означи име празно ће подразумевано бити креирано као див.
Погледајмо следећи код где можемо ценити оно што смо до сада научили:
вар ТасксВиев = Бацкбоне.Виев.ектенд ({тагНаме: 'ул', // је потребно, али ако га оставимо празним, узима се као див цлассНаме: 'цонтаинер', // није обавезно, али можемо доделити више ИД класа: 'задатак', // опционално}); вар ТасксВиев = нови ТасксВиев (); цонсоле.лог (тасксВиев .ел); // штампаће сеКао што видимо, поглед стварамо на основни начин проширујући или наслеђујући из Бацкбоне.Виев, затим са поменутим својствима додељујемо им вредност, на крају инстанцирамо и са а цонсоле.лог () видимо резултат.
На следећој слици можемо илустровати како ово изгледа код нас Цхроме конзола:
- које смо навели у нашем погледу буилд.
Метод СетЕлемент
Ова метода се користи када желимо да применимо приказ на други ДОМ елемент који већ постоји, тада ће створити нову референцу $ тхе, који неће бити придружен изворном елементу већ ће указати на нови, све ово зависи од догађаја који зовемо.
Погледајмо у следећем коду како то примењујемо:
// Креирамо два ДОМ елемента који представљају дугмад вар буттон1 = $ (''); вар буттон2 = $ (''); // Дефинишемо нови приказ вар Виев = Бацкбоне.Виев.ектенд ({догађаји: {клик: функција (е) {цонсоле.лог (виев.ел === е.таргет);}}}); // Креирамо инстанцу приказа и примењујемо је на елемент буттон1 // на буттон1 вар виев = нев Виев ({ел: буттон1}); // Сада примењујемо приказ на буттон2 елемент методом сетЕлемент виев.сетЕлемент (буттон2); буттон1.триггер ('клик'); буттон2.триггер ('клик'); Ово би требало да врати праву вредност када извршимо догађај на буттон2 елемент Пошто је приказ промењен у њега, да видимо слику која се односи на горе објашњено да завршимо водич:
