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

时间:2017-03-17 17:05:06
【文件属性】:

文件名称:【原创】基于Extjs4的城市选择器插件

文件大小:9KB

文件格式:JS

更新时间:2017-03-17 17:05:06

城市选择器 extjs4

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


网友评论

  • 谢谢分享 可惜我的版本是extjs2 对我来说用不成
  • 非常棒的一个扩展,在extjs4下正常,移植到extjs6出现了很多问题,期望升级到extjs6
  • 看着写的不错,还没试就是没有详细点的例子或说明,看代码很累。。