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

核心提示： 在清单 4 中，将动态定义和静态定义的方法都对比着写了出来，掌握 Dojo 工具包，第 4 部分: Dojo 中的拖拽(5)，前两个可拖动实体是使用的动态定义的方法，后两个实体所实现的效果和前面一样但使用的是静态定义的方法，可拖动实体“within”的属性可设为&ldqu

在清单 4 中，将动态定义和静态定义的方法都对比着写了出来，前两个可拖动实体是使用的动态定义的方法，后两个实体所实现的效果和前面一样但使用的是静态定义的方法。

实现可拖动实体活动范围的第一种方法是通过定义一个实际不存在的矩形框来作为可拖动实体的“监狱”。例如在清单 4 可拖动实体“aaa”中，{box: {l: 100, t: 100, w: 500, h: 500}} 是指在“aaa”外建立一个盒子区域，该盒子区域为“aaa”的活动范围。“l: 100, t: 100”表示该盒子区域距页面左边界和上边界各为 100px，“w: 500”表示盒子区域的宽度为 500px，“h: 500”表示盒子区域的高度为 500px 。需要注意的是盒子区域的 l 和 t 始终是以页面边界为标准。

图 1

图 1 显示出了清单 4 中可拖动实体“aaa”活动范围的“盒子区域”。

可拖动实体“within”的属性可设为“true”或者“false”，如果设为“true”的话表示“可拖动实体”的任何一个部分都不能超出其盒子区域的范围，如果设为“false”表示只要拖动实体的左上角不超出盒子区域的范围便为合法操作。

图 2