在Javascript中实现动态排名机制

时间:2011-03-17 15:58:59

标签: javascript jquery

我必须将此功能作为我正在处理的webapp的一部分来实现:

我有一个文件,其中包含

形式的条目
key1, val1, val2, val3, val3
key2, bval1, bval2, bval3

其中key1是值的键。每个val都有一个等级 这是此数组中的索引。 egval1是rank1,val2是rank2 等等。

现在,我想创建一个允许用户使用的UI 更改与特定键关联的值的等级 最后将更改写入文件。

与数据库交互将是项目的第二部分 所以想要避免现在的情况。 所有这些都可以通过javascript(或jQuery)来实现

如果是,我如何为每个值建模并提供上下 箭头允许用户更改排名。任何人都可以 指向一些我可以阅读和学习的资源(或插件)?

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:1)

虽然它可以直观地绑定你的手,你可能想看看jQuery UI的Sortable和Dragable插件。 A demo is here。如果您按照他们的文档和示例进行操作,那么建模就变得微不足道了。

至于将其写入文件,您可能不需要这样做(假设您正在谈论在服务器上执行此操作)。只要值列表不大,就可以使用JSON.stringify序列化数组/对象并将其永久写入cookie。

由于您正在写入数据库,因此您可能专门针对Gears / Webkit / iOS浏览器,在这种情况下,您可能需要查看window.localStorage(它最终会在其他浏览器中得到完全支持,但是目前我认为它只能安全​​地用于最近的webkit浏览器,包括iPhone和iPad。)

答案 1 :(得分:0)

也许您可以使用Cookie存储数据。

但是“写入更改为文件”部分...可能无法使用JUST javascript / jquery(我认为不可能),您需要来自PHP,Python,Ruby的服务器端辅助, Perl等......