【军哥谈CI框架】之分享JQuery cxSelect 多级联动菜单插件

原创
2013/07/30 10:58
阅读数 1K

本文是继之前发表的【军哥谈CI框架】之JQuery实现全国城市级联菜单的应用的补充和改进。如果你也跟军哥一样,不想做一个固守自封、停滞不前的人,那就一起来学习吧。

PS:相对于上次军哥写这块内容的时候,一开头就情不自禁地让不少人鸡皮疙瘩了一身,这次我就直接多了——直奔主题。(嘿嘿,如果有人不信,不妨去可以看看额~~,访问链接为http://phpersite.sinaapp.com/jayjun/doc/ci/6/cid/13/aid/37.html

这次的主题是分享JQuery cxSelect 多级联动菜单插件。这个插件可是个好东西啊,一会你就知道了。

首先来分析一下,上回实现多级联动菜单的方法上存在的3个问题:

1、增加了数据库压力;

由于那么多的省份、城市信息都是存在数据库表中的,那不可避免的就要跟数据库打交道,这就增加了数据库的压力。而实际开发中我们应该尽量降低对数据库造成的压力。那如果不用数据库表来存储,还有别的方式吗?回答是肯定有的,那就是使用json格式来保存。

2、不易复用;

虽然JQuery部分的代码也就54行,但还是不够简洁,最重要的是不能够复用,而用插件就简单多了,要知道插件就是为了复用而生的,而且只要几行代码就能轻松搞定。

3、不够灵活。

相对于同时取省份、城市、地区的数据而言,其实有的时候我们只想取省份的数据以及只取省份和城市的数据。这都需要我们的代码更加的灵活,才能适应到各种场景中。显而易见,该方法还是比较笨拙。

好,既然我们已经谈到了之前的方法所存在的问题,那自然是即将要给大家介绍的JQuery cxSelect 插件,它能够帮助我们解决这些个问题,否则这个插件就没有价值了。

有请JQuery cxSelect 插件闪亮登场:

GitHub地址:https://github.com/ciaoca/cxSelect  

Demo地址:http://code.ciaoca.com/jquery/cxselect/demo/

哈哈,写到这就没了,军哥只是抛砖引玉啦,前人已经将路铺好,重复的事情就没必要再做了,你说对吧!

PS:这一次,如果你有心,就会发现很多有用的资源哟,军哥就不自作主张了,靠你自己找吧。


展开阅读全文
加载中
点击引领话题📣 发布并加入讨论🔥
打赏
0 评论
1 收藏
0
分享
返回顶部
顶部