Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

在上篇文章,介绍了链接收藏夹功能的实现,以及对收藏记录的排序处理。该篇随笔主要使用功能按钮的方式移动收藏记录,功能然实现的还算不错,不过文章出来后,有读者同行指出可以利用直接拖动的方式实现排序更方便,因此对其中列表记录的排序进行了研究,从而介绍了如何利用Sortable开源JS组件实现拖动排序的处理,本篇随笔介绍了该组件在连接收藏夹排序中的应用。

1、收藏记录的排序处理回顾

上篇随笔介绍的收藏夹处理,主要就是为了方便用户快速进入常用功能的一个模块,随着收藏夹记录的增多,我们有必要对它们进行合理的排序,以方便我们的使用。

原来的收藏夹记录排序界面如下所示。

基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)

这个界面里面包含了对记录的移动处理,包括向上或者向下。 实现的逻辑代码主要就是对当前记录的前后记录的排序进行调整的处理,从而实现位置的调整,代码如下所示。


/// 更新向上或者向下的顺序
/// 
/// 
/// 
/// @H_801_28@
public bool UpDown(String id,bool moveUp)
{
//设置排序的规则
bool IsDescending = true;
bool result = false;
WebFavoriteInfo info = FindByID(id);
if (info != null)
{
//构建查询的条件
String condition = "";
if (IsDescending)
{
condition = String.Format("Seq {0} {1}",moveUp ? ">" : "<",info.seq); }="" else="" {="" condition="string.Format("Seq" {0}="" {1}",moveup=""><" :="" ">",info.seq);="" }="" var="" list="baseDal.Find(condition);" decimal="" newseq="0M;" switch="" (list.count)="" {="" case="" 0:="" newseq="info.Seq;//已在顶部或者底部,顺序默认不变" break;="" case="" 1:="" 上面或者下面有一个记录="" if="" (isdescending)="" {="" newseq="moveUp" (list[0].seq="" +="" 1m)="" :="" (list[0].seq="" -="" 1m);="" }="" else="" {="" newseq="!moveUp" (list[0].seq="" +="" 1m)="" :="" (list[0].seq="" -="" 1m);="" }="" break;="" case="" 2:="" 中间区域,取平均值="" newseq="(list[0].Seq" +="" list[1].seq)="" 2m;="" break;="" default:="" 多于两个的情况="" if="" (moveup)="" {="" newseq="(list[list.Count" -="" 2].seq="" +="" list[list.count="" -="" 1].seq)="" 2m;="" }="" else="" {="" newseq="(list[0].Seq" +="" list[1].seq)="" 2m;="" }="" break;="" }="" 统一修改顺序="" info.seq="newSeq;" result="Update(info,info.ID);" }="" return="" result;="" }="">

大佬总结

以上是大佬教程为你收集整理的基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)全部内容,希望文章能够帮你解决基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。