January 2013
Intermediate to advanced
332 pages
5h 23m
Chinese
Content preview from JAVASCRIPT網頁應用程式設計
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
68
|
第四章
refreshElements()
會假設每個控制器都有一組對應的網頁元件屬性
el
，並會將選取
項的搜尋範圍限制在
el
元件裡。只要呼叫
refreshElements()
，就會幫控制器設定好
this.searchForm
和
this.searchInput
屬性，稍後可以利用這些屬性來操控 DOM 元件
的內容，或是幫 DOM 元件設定事件。
完整的範例程式碼，可參考本書的範例程式檔
assets/ch04/views.html
。
委派事件
我們也可以試著把所有和事件、代理器函式的相關程式架構好好整頓一下，做法是利用
一組
events
物件來建立「事件類型」、「回叫函式」和「選取項」之間的對應關係。這
種做法和前面的
elements
頗有異曲同工之妙，
events
物件的格式如下：
events: {
"submit form": "submit"
}
接下來，把
events
物件加進我們的
SearchView
控制器裡。和先前的
refreshElements()
一樣，當我們在建立控制器的物件實體時，會呼叫一組
delegateEvents()
函式。這個函
式會去解析
events
物件的內容、設定事件回叫函式。我們希望
SearchView
會在每次送
出檢視器裡的表單時，呼叫
search()
函式：
var exports = this;
jQuery(function($){
exports.SearchView = Controller.create({
// 建立事件名稱、選取項，
// 以及回叫函式三者之間的對應關係 ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.