在开发项目中经常碰到二级目录形式。比如文章模块、产品模块,很多应多都基于两级分类形式。而普通的解决排序方案,不管是一级分类,还是多级分类,都是由管理员在后台手动编辑同级分类排序的值来设置排序,根据该值的大小决定显示的顺序。这样的操作方式比较烦琐。jQuery有对于排序采用拖拽方式来实现排序,从用户层面,这样的操作非常直观,操作简便。曾经在一个项目中,产品分类采用的是两级分类,显示[b]如下图所示:[/b]
[img]http://files.jb51.net/file_images/article/201304/201304260907365.gif[/img]
在排序问题上,决定使用jQuery的拖拽插件来实现:拖拽一级分类时,对一级分类进行排序;拖拽某一级分类下面的子分类时,对该子分类进行拖拽排序。
[img]http://files.jb51.net/file_images/article/201304/201304260907366.gif[/img]
拖拽一级分类名称前台的“+”号图标,对一级分类进行拖拽排序。
[img]http://files.jb51.net/file_images/article/201304/201304260907367.gif[/img]
拖拽某一级分类下的二级分类名称前的“-”号图标,对该分类下的二级分类进行拖拽排序;
下面是实现上述功能的数据库结构及程序代码
[b]数据库结构
[/b]
[url=http://xiazai.jb51.net/201304/yuanma/sort_jb51net.rar]二级目录拖拽排序的实现及演示源码下载
[/url]