一步步作組件-學校選擇器(系列)

前言

年初的時候寫過一個js組件的系列文章，博客原文地址爲 http://jsorz.cn/blog/2015/02/step-by-step-js-component-schoolbox-collections.html 因爲博客架在github的免費主頁上，github把百度爬蟲拉黑了，因此訪問量一直挺低的。現移步sf，但願一塊兒多多交流，共同成長，謝謝！

版本1

只是簡單的界面設計，靜態排版，沒有js部分。

Demo：demo v1

文章：穿插在第一篇中

版本2

加入了js部分，實現了省和學校的級聯。

Demo：demo v2

文章：一步步作組件-學校選擇器(1)

版本3

把版本2的js代碼寫成組件的結構。

Demo：demo v3

文章：一步步作組件-學校選擇器(2)

版本4

添加自定義事件，即便用觀察者模式。

Demo：demo v4

文章：一步步作組件-學校選擇器(3)

版本5

加入學校搜索框的功能，使用的是本地數據，也能夠Ajax請求。

Demo：demo v5

文章：一步步作組件-學校選擇器(4)

版本6

爲搜索結果添加按鍵效果，即經過「上」「下」鍵選中，「回車」鍵肯定。

Demo：demo v6

文章：一步步作組件-學校選擇器(5)

版本7

附加功能，添加自定義學校。

Demo：demo v7

文章：一步步作組件-學校選擇器(6)

版本8（後增）

實現學校選擇器的模態對話框，並在頁面中共用同一個選擇器對象。

Demo：demo v8

文章：一步步作組件-學校選擇器(7)

版本9 & 10（補充）

頁面上多個元素共享同一個模態對話框，在觸發事件時加入「由哪一個監聽元素觸發」，以免對全部監聽元素都作出響應。

監聽時判斷，Demo：demo v9

回調時判斷，Demo：demo v10

文章：一步步作組件-學校選擇器(8)