起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 12493|回复: 29

[结贴] 菜单栏拖拽效果

  [复制链接]

186

主题

1012

帖子

1663

积分

金牌会员

Rank: 6Rank: 6

积分
1663
QQ
发表于 2015-12-11 10:39:14 | 显示全部楼层 |阅读模式
如图,X5有什么组件可以实现这样的效果,长按可以拖拽删除或者排序,下面的栏目点击后可以添加到菜单栏。
QQ图片20151211103451.png
发表于 2015-12-11 13:53:15 | 显示全部楼层
平台默认没有这样的样式!不过你可以自己实现!
1,长按事件,论坛好多人问过,可以搜下:http://bbs.wex5.com/forum.php?mo ... =%E9%95%BF%E6%8C%89

2.删除和排序就是操作data组件,交换两个行的数据使用data的exchangeRow 方法,这个要根据两个div所在的位置进行计算!到底是那两行进行数据交换(算法网上找找!)
3.至于分类可以设置list组件的filter属性!获得不同的分类
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

186

主题

1012

帖子

1663

积分

金牌会员

Rank: 6Rank: 6

积分
1663
QQ
 楼主| 发表于 2015-12-14 14:54:41 | 显示全部楼层
liangyongfei 发表于 2015-12-11 13:53
平台默认没有这样的样式!不过你可以自己实现!
1,长按事件,论坛好多人问过,可以搜下:http://wex5.com/ ...

1,我长按事件没问题。
2,没找到这个方法- - 也不是很明白,这个排列还要保存到本地。下次进入的时候还是这个排列方式。
回复 支持 反对

使用道具 举报

发表于 2015-12-14 15:38:38 | 显示全部楼层
波斯大香蕉 发表于 2015-12-14 14:54
1,我长按事件没问题。
2,没找到这个方法- - 也不是很明白,这个排列还要保存到本地。下次进入的时候还是 ...

反正就是数据的保存!和排序的问题!
如果你想保存在本地,可以使用sqlite进行保存!
反正最终加载到data组件中时做好排序就可以了!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

186

主题

1012

帖子

1663

积分

金牌会员

Rank: 6Rank: 6

积分
1663
QQ
 楼主| 发表于 2015-12-16 17:25:11 | 显示全部楼层
liangyongfei 发表于 2015-12-14 15:38
反正就是数据的保存!和排序的问题!
如果你想保存在本地,可以使用sqlite进行保存!
反正最终加载到data ...

data的exchangeRow 方法在什么地方?
回复 支持 反对

使用道具 举报

发表于 2015-12-16 17:30:49 | 显示全部楼层
波斯大香蕉 发表于 2015-12-16 17:25
data的exchangeRow 方法在什么地方?

自己在api中看下啊!
3L7U(W$4W8P0KD6KP$UHFQ0.jpg
WW`33`][N%1)O1Y[{0I%G83.png
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

186

主题

1012

帖子

1663

积分

金牌会员

Rank: 6Rank: 6

积分
1663
QQ
 楼主| 发表于 2015-12-16 17:52:40 | 显示全部楼层
liangyongfei 发表于 2015-12-14 15:38
反正就是数据的保存!和排序的问题!
如果你想保存在本地,可以使用sqlite进行保存!
反正最终加载到data ...

可以交换两个data的数据吗?
就是说我点击了data1的某个数据,然后把这条数据添加到data2中,data1这条数据消失,data2中增加这条数据。
回复 支持 反对

使用道具 举报

发表于 2015-12-16 17:58:07 | 显示全部楼层
波斯大香蕉 发表于 2015-12-16 17:52
可以交换两个data的数据吗?
就是说我点击了data1的某个数据,然后把这条数据添加到data2中,data1这条数 ...

这个是同一个data中两个行进行交换!不是交换两个data的行!
如果你这两个data组件字段都一致,可以使用row.assign 将另一个data中的行加过来!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

186

主题

1012

帖子

1663

积分

金牌会员

Rank: 6Rank: 6

积分
1663
QQ
 楼主| 发表于 2015-12-18 09:49:36 | 显示全部楼层
liangyongfei 发表于 2015-12-16 17:58
这个是同一个data中两个行进行交换!不是交换两个data的行!
如果你这两个data组件字段都一致,可以使用r ...

- - 用Sortable写好了,就差存个cookie了。
回复 支持 反对

使用道具 举报

发表于 2015-12-18 10:56:11 | 显示全部楼层
波斯大香蕉 发表于 2015-12-18 09:49
- - 用Sortable写好了,就差存个cookie了。

好的!写完了,记得分享下您的经验!大家相互学习下,谢谢
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-11-25 13:14 , Processed in 0.062550 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表