0

目前，我正在实现一个包含 items(slot_allocations) 的表。这些项目基于 Rails 模型。表格中的项目可以拖放。

现在，我可以在我的表中检索和显示模型的数据。但是，我还想在成功将项目拖放到新单元格中后更新模型中的信息，并想就如何执行此操作寻求建议。

我目前能够根据以下 Jquery 代码将信息放入数组中。

 var slot_allocation= []; //array storing info
 $.getJSON('slot_allocations', function(data) { //get json method, put the items in the slot_allocation array.
    $.each(data, function(i, item) {
    slot_allocation.push(item);
 });

 //some extra methods for table creation etc.
 createSubjectsTable($("#subjects"),timeslots,subjects);
 makeDraggable();
 });

对于我可以查看哪些 JQuery 方法或我可以更改代码的哪些区域以更新模型，我将不胜感激。提前致谢。

根据要求附加代码。整个代码虽然很长。这是删除它后应该更新模型的部分。我更新数组的尝试是注释后的代码。

$('.Empty').droppable({
  accept: '.Group',
  tolerance: 'pointer',
  drop: function(event,ui){
    ui.droppable = $(this);
    var new_alloc_info = ui.droppable.attr("id")
    var array = new_alloc_info.split('--');
    var timeslot = array[1];
    var subject = array[2];

    var old_alloc_id = ui.draggable.attr("id");
    var array2 = old_alloc_id.split('--');
    var alloc_id = array2[3];

//This is the part where I want to update the rails model
    slot_allocation[alloc_id-1].timeslot=timeslot; 
    slot_allocation[alloc_id-1].subject=subject;        

    var allocText = "alloc--"+timeslot+"--"+subject+"--"+alloc_id;
    ui.draggable.attr("id",allocText);
    ui.draggable.insertBefore(ui.droppable);

  }
})
4

1 回答 1

1

好的。在drop回调中，您可以向服务器发出 AJAX 请求。没有试图弄清楚你所有的数组是什么，将从简单的情况开始

/* receive id and time params at server as you would form field "name" */ 
var dataToServer={ id: alloc_id, time: timeslot};

/* can use $.get or */
$.post( url, dataToServer, function( response){
    /* AJAX completed successfully, can access response data here*/
}/* dataType argument here if want to use JSON or XML response*/)

两者$.post和$.get都是快捷方法，$.ajax根据需要有许多可用的选项

jQuery AJAX API：http ://api.jquery.com/category/ajax/

于 2012-12-30T17:38:52.723 回答