- 浏览: 1431572 次
- 性别:
- 来自: 上海
文章分类
最新评论
-
luhouxiang:
写的很不错,学习了
Extjs 模块化动态加载js实践 -
kingkongtown:
如果想改成淘宝后台那样,可以在编辑器批量上传图片呢?
kissy editor 阶段体会 -
317966578:
兄弟我最近也在整jquery和caja 开放一些接口。在git ...
caja 原理 : 前端 -
liuweihug:
Javascript引擎单线程机制及setTimeout执行原 ...
setTimeout ,xhr,event 线程问题 -
辽主临轩:
怎么能让浏览器不进入 文档模式的quirks模式,进入标准的
浏览器模式与文本模式
[置顶] Lite-Ext 适合WebPage的轻量级Ext
在 google code
持续更新,这里停止
实现一个这样的功能 , 可以将 树的两层节点 平面显示出来 ,第三级 适时弹出 ,51job 有这个功能,去看了一下 ,发现 51job 是用 table 来实现的 ,不符合标准 ,且不具备伸缩性(任意行列数显示), 就自己 用 ul li 实现了一下 ,打算作为一个基础类库以后加以完善。
ps : 重构了一个页面 通过了 xhtml 1.0 css2.1 验证 ,还不很规范 ,树用在
这里 了
效果图 (测试代码附件 zip)
425
430
5.0
5.6
6.0
6.7
7.1
操作方式和 51job 一样 ,点击 黑字节点 可以弹出 第三级子菜单。
主要是一个 多选类 ,基础dom操作 采用 extjs-core ,说明先写在代码里了
/** author : yiminghe version : v4(20090326) 创建项目,原型完成 v4.1(20090326) fix ie7 clear bug v4.2(20090328) use display mode to avoid scrollbar v4.2.5(20090328) modal show and disable level1 selection v4.3(20090328) level2 show change , level2 and level3 can't be selected simultaneously v4.5(20090328) 增加将level3弹出框限制在树控件中,提高效率(level3弹出框需要时才创建) v5.0(20090329) 界面进行革新优化,支持拖放 v5.1(20090330) 在li上支持点击,单选支持(没有弹出提示框,直接替换),支持第三级菜单拖放,已选择框和树节点框通过相同后缀id联系 v5.2(20090407) 修改 css html 支持 w3c css2.1 ,修改id生成,可以多颗重复数据树生成 v5.3(20090417) 清理浮动css xhtml整理 v5.5(20090422) 大幅度清除无用生成标签(span div),增加取消回调,已选择部分压缩空间, v5.6(20090423) 采用ext事件处理机制,抽象出window v6.0(20090427) 与windowlite 结合,支持拖放,调节大小 v6.5(20090514) javascript 大部分重写,两层区域树结构一次生成添加到DOM,采用事件委托,只设置三组事件处理函数,两层区域,弹出菜单区域,选择区域。 v6.6(20090518) 利用ext的css selector功能修复(6.5之前功能) 选择个数限制,二级三级菜单项不能同时选择,即全部和底下的菜单不能同时选中。 v6.7(20090525) 修复ie7,8显示细节问题,已选择移到下面和按钮临近 v7.0(20090919) 整合windowlite 2.9.8 v7.1(20091009) 界面优化大幅变动,增加操作方便(二级框选择,取消叉与阴影) Any problem contact hym_sunrise@126.com **/
ps:事件委托的好处
从6.5开始采用事件委托机制,避免事件处理函数的大量绑定,对系统有很大的效率提升,理论基础:
(http://www.nczonline.net/blog/2009/06/30/event-delegation-in-javascript/
)
1.避免陷入大量的事件处理函数的管理之中。
2.事件处理函数的减少意味着更少的内存占用
3.用户代码和dom的联系减少,可以提高系统性能。(dom还是很昂贵的)
4.不用担心用innerHTML冲掉了儿子元素已经绑定的事件处理函数,由父节点处理即可。
- multitreeByYiminghe425.zip (55.5 KB)
- 下载次数: 56
- multitree4.3.zip (55.7 KB)
- 下载次数: 35
- multitree4.5.zip (56.8 KB)
- 下载次数: 30
- multitree5.0.zip (111.8 KB)
- 下载次数: 32
- multitreeWin5.1.zip (112.6 KB)
- 下载次数: 27
- multitreeWin5.2.zip (114.9 KB)
- 下载次数: 31
- multitreeWin5.3.zip (115.2 KB)
- 下载次数: 29
- multitreeWin5.5.zip (115.3 KB)
- 下载次数: 28
- multitreeWin5.6.zip (118.1 KB)
- 下载次数: 29
- multitreeWin6.0.zip (142.3 KB)
- 下载次数: 27
- multitreeWin6.1.zip (79.2 KB)
- 下载次数: 30
- multitreeWin_6.5.zip (77.4 KB)
- 下载次数: 25
- multitreeWin_6.6.zip (77.9 KB)
- 下载次数: 23
- multitreeWin_6.7.zip (78.4 KB)
- 下载次数: 42
- multitreeWin6.8.zip (94.4 KB)
- 下载次数: 55
- multitreeWin_7.0.zip (119.6 KB)
- 下载次数: 19
- multitree_7.1.zip (279.6 KB)
- 下载次数: 98
评论
5 楼
hyfly2006
2011-10-05
我用的6.6的版本,页面初次加载完的时候,页面底端由很大的一个空白,等窗体弹出后,空白就消失了。
4 楼
hyfly2006
2011-09-29
放到我的页面后就是乱码了,我页面也是utf-8的,怎么回事?
3 楼
Mystic
2009-06-25
谢谢 分享
2 楼
yiminghe
2009-05-18
alonewolf 写道
很好,
多提宝贵意见哦,谢谢
1 楼
alonewolf
2009-05-17
很好,
发表评论
-
ie6下怪异的radio
2010-04-13 19:55 4447首先一句话:查bug的过程是痛苦的,结果是兴奋的。 ... -
mac chrome 标签效果实现
2009-12-10 19:28 2187google 发布了 mac 版的chrome,据说增加了几万 ... -
google code svn mine-type
2009-10-26 16:18 0google code svn mine-type c ... -
compare
2009-10-14 17:26 0compare -
可折叠的面板
2009-08-27 10:19 2115[置顶] Lite-Ext 适合WebPage的轻量级Ext ... -
简朴树形菜单
2009-08-25 18:22 1651[置顶] Lite-Ext 适合WebPage的轻量级Ext ... -
Button In Extjs Style
2009-08-06 18:14 5735[置顶] Lite-Ext 适合WebPage的轻量级Ex ... -
Lite-Ext(20090723).zip
2009-07-23 23:36 0Lite-Ext(20090723).zip -
SliderLite - Extjs-core实现的淘宝首页渐隐版Slider
2009-06-16 17:48 2099归属 [置顶] Lite-Ext 适 ... -
基于Ext-core 好玩的图片部分自由放大工具
2009-05-16 07:04 3222[置顶] Lite-Ext 适合WebPage的轻量级 ... -
TipLite 轻量级的Ext 提示
2009-05-09 21:34 2351[置顶] Lite-Ext 适合WebPage的轻 ... -
CalendarLite 轻量级的Ext 日历
2009-05-05 17:58 3654[置顶] Lite-Ext 适合WebPage的轻量级Ext ... -
ComboBoxLite - 基于Ext-core的自动补全
2009-04-28 19:03 3634[置顶] Lite-Ext 适合WebPage的轻量级Ext ... -
MarqueeLite - 基于Ext-core的marquee
2009-04-28 00:28 1929归属 [置顶] Lite-Ext 适合W ... -
GridLite 轻量级的Ext Grid
2009-04-25 22:54 2417[置顶] Lite-Ext 适合WebPa ... -
WindowLite 轻量级的Ext窗口
2009-04-24 19:19 4136归属 [置顶] Lite-Ext ... -
Lite-Ext 适合WebPage的轻量级Ext
2009-04-23 19:58 6247在开发中经常需要extjs般酷炫的效果,又顾及于extjs臃肿 ... -
TabPanelLite 轻量级的Ext标签
2009-04-23 19:58 2330[置顶] Lite-Ext 适合WebPage的轻量级Ext ... -
构建标准web 之 FormLite
2009-04-20 17:18 2198[置顶] Lite-Ext 适合WebPage的轻量级 ...
相关推荐
uniapp,三级目录选择
jQuery三级联动菜单选择器代码是一款分类菜单选择器,点击弹出下拉菜单,三级联动选择器,适用于多分类菜单选择代码。
swift 三级可选的下拉菜单选择器
类似淘宝手机客户端的,选择收货地址的三级联动滚动选择组件。好东西不多说,谁用谁知道~
jQuery三级联动菜单选择器代码是一款分类菜单选择器,点击弹出下拉菜单,三级联动选择器,适用于多分类菜单选择代码。
HTML5,这是一款非常实用美观的省市区三级联动城市选择器插件,移动端jQuery省市县城市三级联动下拉菜单选择插件代码。也可以修改为:省市区三级联动、省市二级联动或单选省。
JavaScript仿京东城市地区选择器3级联动菜单,适用于电商购物网站。兼容主流浏览器
采用qt5.9vs版编译 定制QPushButton样式 弹出省市区三级选择菜单
封装微信小程序的三级联动地址选择器 界面使用 在wxml文件中有范例 page页调用 var city = require("/city.js"); Page({ data:{}, onLoad: function () { console.log('onLoad'); var that = this; ...
html下拉菜单select在安卓和IOS下表现不一样,iosselect正是为统一下拉菜单样式而生... 插件描述:html下拉菜单select在安卓和IOS下表现不一样,iosselect正是为统一下拉选择器。这里的例子是三级联动选择地址
自己做的板的代码在lcd12864上看到温湿度,水位,继电器状态,可菜单选择。
jQuery多级分类菜单联动选择代码,点击弹出下拉菜单,二级、三级联动菜单选择器。
主要介绍了详解element-ui级联菜单(城市三级联动菜单)和回显问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
前言 在实际的项目开发中,我们经常需要三级联动,比如省市区的选择,商品的三级分类的选择等等。 而网上却找不到一个代码完整、功能强大、使用简单的三级联动菜单,大都只是简单的讲了一下...//三级分类选择器 by 王
今天给大家分享一个仿美团城市选择器效果的JFCitySelector城市选择器;几行代码即可将集三级城市选择、定位、搜索和字母索引于一身的城市选择器集成到你的项目中,极其简单轻便!
单独的城市选择器, 不带其它的html内容,可移植性好,用Jquary制作,使用时需要引入Jquary
仿京东地址选择器(swift 版本) 1.三级菜单联动 2.支持滑动滚动,点击滚动 3.Swift版本,封装结构完整 4.调用简单方便
本文介绍使用jQuery的AJAX功能和asp.net来实现省市区的三级联动效果,其他二级、三级或多级联动也可以按照此方法完成。文章中涉及到的数据表为City,为方便管理。 设计此表如下 ID:自增长字段 City_Name:城市名称 ...