如何从客户端(Javascript)重新排序下拉列表控件(如NetFlix队列)
时间:2020-03-06 14:57:08 来源:igfitidea点击:
我们有一系列下拉控件,这些控件确定列的排序顺序。我们遇到的问题是,当用户选择一列作为第二列时,其他下拉列表需要更改其值,以使只有一个"第二列"。
- A栏[1]
- 列B [2]
- C栏[3]
- D列[4]
- E栏[5]
在上面的列表中,当我们将列D更改为[2]时,列B变为[3],列C变为[4],依此类推。我可以在服务器端进行管理,但是我想知道是否有人知道如何做在客户端使用javascript。
解决方案
查看Scriptaculous之类的Javascript工具包,以进行客户端重新排序。
我们将元素添加为" Sortables",并对自己的回调进行编码,以在项目被拖放然后被删除时执行(例如,向服务器发送异步请求以保留新订单)。
这是有关使用Scriptaculous和PHP创建可排序列表的完整教程。对于ASP,客户端代码将稍有不同,但是过程将相似。
关于JavaScript框架的说明;我强烈推荐jQuery。