掌握 Dojo 工具包，第 4 部分: Dojo 中的拖拽

核心提示： 由清单 8 可以得知，对于拖放来说，掌握 Dojo 工具包，第 4 部分: Dojo 中的拖拽(9)，可拖放实体必须是从一个容器中拖放到另外一个容器中，可拖放实体是不能存在于容器之外的任何地方，当将一个可拖放实体从源容器拖放到目标容器时，就是将该可拖放实体先从源容器的 DOM 节点上删除，如果可

由清单 8 可以得知，对于拖放来说，可拖放实体必须是从一个容器中拖放到另外一个容器中。可拖放实体是不能存在于容器之外的任何地方。如果可拖放实体从“容器 A”出来，放入“容器 B”中，则一般习惯上称 A 为源容器，B 为目标容器。

被拖放的实体称之为“可拖放实体”。要实现可拖放实体的拖放，页面中必须要有“拖放源容器”和“拖放目标容器”。拖放源容器为起初可拖放实体存放的地方，而拖放目标容器为可拖放实体拖起后可以放的地方。

如果运行清单 8 中的代码，就会发现在拖起可拖放实体的时候，有一个与“原可拖放实体”很相似的小图标在随着鼠标移动，其被称为可拖放实体的“替身”。“替身”的主要作用有两个，第一是指明目前操作的实体是哪一个或是有哪几个实体被操作，第二是作为原实体的替身，帮助用户判断目前选中可拖放实体的鼠标所处的位置为哪里，判断该区域是否为合法的拖放区域。

替身是由“原可拖放实体”转换而来，包含了“原可拖放实体”的主要外貌特征，同时替身的细微化，大大减小了如果采用“原拖动实体”作为标识而带来的系统负担和提高了标识的精确度。

图 3

拖动的本质是可拖动实体象素位置的变化，而拖放的本质是一个页面 DOM 结构的变化。实体象素位置的变化，可以只通过修改这个实体的属性来实现，不用和页面的任何其它部分打交道。但是对于拖放，当将一个可拖放实体从源容器拖放到目标容器时，就是将该可拖放实体先从源容器的 DOM 节点上删除，再在目标容器的 DOM 节点上加上可拖放实体。