一步步做组件-学校选择器(系列)

媒介

年终的时刻写过一个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)

    原文作者:依然宁静
    原文地址: https://segmentfault.com/a/1190000004102867
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞