职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 607|回复: 8

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

[复制链接]
ksdal 发表于 2011-9-6 13:45 | 显示全部楼层 |阅读模式
项目中用的,仿照一些网站的类似的东西,改用jquery写,并且加入了更多的可配置的项目。
特点:
1,可以指定一个初始的级别,也就是根级别可以自己定义。
2,显示层级可以控制
3,单选复选
4,可以控制选择项的个数
5,可以控制选择项是否可以跨级别或者跨父级别。
6,可以以ajax方式,也可以以本地数据的方式。
7,加入了页面缓存,ajax方式显示的数据显示一次后加入缓存,第二次显示就会很快。
8,配置弹出窗口,显示项的宽度……
9,如果页面中有多于1个的弹出选择,是否共享缓存数据
10,是否允许鼠标拖动。

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

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

附截图和代码:



大小: 83.4 KB

大小: 92.1 KB

描述: 单选
大小: 71.4 KB
levelselect.rar (30.3 KB)
下载次数: 1129
查看图片附件

话说我当年 发表于 2011-9-6 13:45 | 显示全部楼层
有人下载了,给个意见啊

叫我小乖 发表于 2011-9-6 13:45 | 显示全部楼层
请大家给个意见啊!

会玩就好 发表于 2011-9-6 13:46 | 显示全部楼层
不错,很好,再继续封装完善一下,提高代码和操作的易用性,就可以变得通用,完美了。

feiguo 发表于 2011-9-6 13:46 | 显示全部楼层
恩,做的很有创意

能文能武 发表于 2011-9-6 13:46 | 显示全部楼层
招聘网站上选工作地区和这个很相似

郁闷小男人 发表于 2011-9-6 13:46 | 显示全部楼层
蛮好的,估计以后有用

Jethro 发表于 2011-9-6 13:46 | 显示全部楼层
快递公司可以参考下,优化一下很棒的

hxy 发表于 2011-9-6 13:47 | 显示全部楼层

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

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

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

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

在ie,ff,chrome上都测试了,哦,chrome上的弹出框阴影有问题。
您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

QQ|手机版|小黑屋|网站帮助|职业IT人-IT人生活圈 ( 粤ICP备12053935号-1 )|网站地图
本站文章版权归原发布者及原出处所有。内容为作者个人观点,并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是信息平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽造成漏登,请及时联系我们,我们将根据著作权人的要求立即更正或者删除有关内容。

GMT+8, 2024-5-1 00:57 , Processed in 0.140971 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表