无刷新联动菜单
2007-05-16 14:39
309 查看
分析网上常见的几种联动菜单算法后,对复杂度和效率以及空间进行了折衷。
1. 静态联动,适合于不经常更新的数据,比如省市联动菜单
2. 数据绑定,使用数据源进行绑定显示。
a. DataSet/DataTable/DataCollect 数据源
b. XML数据源
3.xmlhttp读取xml文件或webservice加载数据
目前已完成静态联动的模型和简单***脚本,有兴趣的可以将其封装为DotNet控件。
dw(' ');
dw(' ');
dw(' ');
dw(' ');
dw(' ');
initSelection();
河南
河北
浙江
郑州
南阳
全部
010
000
00110
00111
上面是静态的Demo,下面可以动态生成一个简单的Demo。
注:因为生成Script的Script没有优化,并使用了递归,所以推荐生成2-7级的demo,过大的话会导致IE失去响应!但是生成出来的Script没有问题,性能良好。
注2:很遗憾没有用锯齿数组做demo:<.生成的Script有两部分,上面部分的script是数据定义和函数定义,实际使用时将其置于一个js中,页面中只须保留第2个script段。这样可以大大减小级别多时select中option所占用的字节数,减少页面的传输压力。
http://www.cnblogs.com/Truly/archive/2005/08/11/212094.aspx
1. 静态联动,适合于不经常更新的数据,比如省市联动菜单
2. 数据绑定,使用数据源进行绑定显示。
a. DataSet/DataTable/DataCollect 数据源
b. XML数据源
3.xmlhttp读取xml文件或webservice加载数据
目前已完成静态联动的模型和简单***脚本,有兴趣的可以将其封装为DotNet控件。
dw(' ');
dw(' ');
dw(' ');
dw(' ');
dw(' ');
initSelection();
河南
河北
浙江
郑州
南阳
全部
010
000
00110
00111
上面是静态的Demo,下面可以动态生成一个简单的Demo。
注:因为生成Script的Script没有优化,并使用了递归,所以推荐生成2-7级的demo,过大的话会导致IE失去响应!但是生成出来的Script没有问题,性能良好。
注2:很遗憾没有用锯齿数组做demo:<.生成的Script有两部分,上面部分的script是数据定义和函数定义,实际使用时将其置于一个js中,页面中只须保留第2个script段。这样可以大大减小级别多时select中option所占用的字节数,减少页面的传输压力。
请输入你想要的级数 |
相关文章推荐
- c#结合js实现无刷新省市联动菜单
- 无刷新二级联动菜单的Request问题
- JS实现无刷新联动菜单(select)的方法
- 轻松实现无刷新三级联动菜单[VS2005和AjaxPro] (转)
- java结合jQuery.ajax实现左右菜单联动刷新列表内容
- 再谈N个ASP.net DropDownList无刷新联动菜单
- Javascript 实现无刷新联动菜单(select)的方法
- 轻松实现无刷新三级联动菜单[VS2005与AjaxPro]【转】
- Javascript 实现无刷新联动菜单(select)的方法
- 二级菜单无刷新联动(XMLPOST + Jscript 方式)
- Atlas入门-.NET下的无刷新二级联动菜单[视频]
- ASP.NET利用JavaScript实现无刷新闪烁二级联动菜单
- ASP.net DropDownList 无刷新联动菜单
- 再谈 N 个 ASP.net DropDownList 无刷新联动菜单(转)
- 轻松实现无刷新三级联动菜单[VS2005和AjaxPro] (转)
- 无刷新无限级菜单联动
- ligerUI ComboBox多级菜单无刷新联动
- ASP.NET利用JavaScript实现无刷新闪烁二级联动菜单
- 三级地区无刷新实现菜单联动
- 二级菜单无刷新联动(XMLPOST + Jscript 方式)