相关疑难解决方法(0)

我想使用jQuery UI sortable函数来允许用户设置订单然后进行更改,将其写入数据库并进行更新.有人可以写一个如何做到这一点的例子吗？

我试图为一个拥有小型网络电台的朋友复制这个页面的功能(http://www.kissfm.ro/fresh-top-40/).该网站是在wordpress fyi中设置的.

所以我的问题是,在搜索stackoverflow之后,如何根据用户输入保存/获取修订后的图表？我找到了如何保存单个提交,但我如何根据用户选择获得最终图表？

提前致谢!(代码或链接到教程欢迎!)

我需要一些指导/建议,以便以最佳方式保存利用Meteor的可排序列表的顺序.

以下是我正在尝试做的缩小版本.该应用程序是一个简单的待办事项列表.用户的最终目标是对从数据库中获取数据的列表进行排序.当用户对任务进行排序时,我想保存任务的顺序.

我已经在没有Meteor的情况下使用php/ajax调用使用可排序的更新事件来实现此应用程序,该事件将删除数据库中的条目并将其替换为当前在DOM中的条目.我很想知道是否有更好的方法可以利用Meteor的功能.

以下示例代码直接来自现场演示.

HTML:

<template name="todo_list">
    <div class="todo_list sortable">
       {{#each task}}
            <div class="task">
                <h1>{{title}}</h1>  
                {{description}} 
            </div>
        {{/each}}
    </div>
</template>

JS(没有简单填充数据库的Meteor.isServer.):

if (Meteor.isClient) {
     //Populate the template
     Template.todo_list.task = function () {
        return Tasks.find({});
     };

     //Add sortable functionality
     Template.todo_list.rendered = function () {
        $( ".sortable" ).sortable();
        $( ".sortable" ).disableSelection();
     };
}

示例数据(Tasks.find({})的输出):

[{
   title:"CSC209",
   description:"Assignment 3"
 },
 {
   title:"Laundry",
   description:"Whites"
 },
 {
   title:"Clean",
   description:"Bathroom"
 }]