【原创】基于Extjs4的城市选择器插件

简述插件各个结构的组成部分和运行机制，最上层的是继承自Extjs自身的一个picker类，piker包含了一个tabpanel，tabpanel有山个子项即省、市、县3个tab选项卡。 从外往里说，extjs所有的这种选择器都是继承自picker类，继承这个类实现一个重要的方法createPicker 方法，在这个方法里创建一个本选择器需要用到的组件，我这里创建的是tabpanel，tabpanel继承自Ext.tab.Panel这个类没什么好说的，内部就是一些选项卡的切换以及调用方法渲染内部的选项卡；最后就是最内层的选项卡界面，这个是继承自Ext.Component这个基础类，几乎所有的Extjs内部的显示组件都是继承自这个类，这个类有一个重要的配置项就是renderTpl，这个是界面的骨架。完整这个骨架之后还得处理显示的数据，我这里是在tabpanel里面处理的，通过Extjs提供的Ajax从服务端获取数据，并将数据设置为需要渲染用到的数据最终将界面展示出来。