论坛首页 Web前端技术论坛

自己写的一个横拉级别选择的控件,练手,请大家给个意见。

浏览 13465 次
精华帖 (0) :: 良好帖 (2) :: 新手帖 (0) :: 隐藏帖 (1)
作者 正文
   发表时间:2011-02-13  

项目中用的,仿照一些网站的类似的东西,改用jquery写,并且加入了更多的可配置的项目。

特点:

1,可以指定一个初始的级别,也就是根级别可以自己定义。

2,显示层级可以控制

3,单选复选

4,可以控制选择项的个数

5,可以控制选择项是否可以跨级别或者跨父级别。

6,可以以ajax方式,也可以以本地数据的方式。

7,加入了页面缓存,ajax方式显示的数据显示一次后加入缓存,第二次显示就会很快。

8,配置弹出窗口,显示项的宽度……

9,如果页面中有多于1个的弹出选择,是否共享缓存数据

10,是否允许鼠标拖动。

 

bug:第一次弹出的时候位置有些不大对。还有一些其他功能正在琢磨。

 

使用和配置方法请看代码,注释的很清楚。

 

附截图和代码:

 

 

  • 大小: 83.4 KB
  • 大小: 92.1 KB
  • 描述: 单选
  • 大小: 71.4 KB
   发表时间:2011-02-13  
有人下载了,给个意见啊
0 请登录后投票
   发表时间:2011-02-14  
请大家给个意见啊!
0 请登录后投票
   发表时间:2011-02-15  
不错,很好,再继续封装完善一下,提高代码和操作的易用性,就可以变得通用,完美了。
0 请登录后投票
   发表时间:2011-02-15  
恩,做的很有创意
0 请登录后投票
   发表时间:2011-02-15  
招聘网站上选工作地区和这个很相似
0 请登录后投票
   发表时间:2011-02-15  
蛮好的,估计以后有用
0 请登录后投票
   发表时间:2011-02-15  
快递公司可以参考下,优化一下很棒的
0 请登录后投票
   发表时间:2011-02-15  
lz,做的很精致!收藏啦!

PS:Jquery不要放包里,直接引用Google托管Query,可以减少包的大小嘛!
0 请登录后投票
   发表时间:2011-02-15   最后修改:2011-02-15

 

 谢谢大家的评价,这本来就是参照一些招聘网站的横拉选择功能自己实现的,不同的是这个的通用性更强,只要是树形结构的数据原则上都可以通用。

 

除了jquery包,只有一个js文件,除此之外,没有任何的css和图片文件。

 

还请大家提一下意见,如何完善,封装,如何继续提高易用性,通用性。

 

初次弹出的位置有些不对头。

 

在ie,ff,chrome上都测试了,哦,chrome上的弹出框阴影有问题。

0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics