拖放时更新javascript数据

Question

我正在开发一个带有django后端和jqueryclientside的员工调度应用程序。我有一个表，其中每一行是雇员，每列是日期。在每个<td>内可以是一个<div>，它是移位的图形表示。div可以拖放到其他单元中。在

我的问题是：当轮班被拖到另一个员工或日期时，如何在客户端存储轮班数据并更新它？在

目前我使用jQueryUI来处理拖放操作，使用django模板创建表，使用实际的DOM保存数据（<span>来保存开始时间，由innerHTML访问等等）。我想要一些javascript对象，当它对应的图形对象被拖到另一个单元格时，它会被更新。在

对于这个应用程序使用的技术没有要求，所以欢迎对其他技术提出任何建议，但是我更希望在后端使用Django和Python。在

相关代码： 移动HTML对象

<div class="shift draggable-shift">
<span style="display:none">{{id}}</span>
<div class="shift-top">
    <p class="shift-text">
        <span>{{start_time}}</span> - <span>{{end_time}}</span>
    </p>
</div>
<div class="shift-bottom">
    <p class="shift-text">
        {{role}}
    </p>
</div>
</div>

日期和员工由包含班次的<td>上的id找到（例如1-2009-12-14->；employeeID日期），开始时间、结束时间、轮班id和角色可以从模板生成的标记中找到。在

用于提取数据的javascript：

^{pr2}$

Answer 1

实际上，我自己也找到了一个更好的答案。在

使用jQuery的.data()函数，可以将数据添加到用户无法访问的DOM对象中。在