WebObjects/Project WONDER/Frameworks/Ajax/AjaxSortableList

AjaxSortableList

AjaxSortableList 提供了基于 Ajax 拖放列表自动重新排序 NSArray 的支持。AjaxSortableList 是一个 WOComponentContent。默认情况下，它会渲染一个无序列表。

Scriptaculous 可排序列表的演示在此提供。

Wonder 绑定

• id - 列表的 id（必需）
• list - 允许重新排序的列表（必需）
• item - 重复项（必需）
• listElementName - 列表的 HTML 元素名称（默认为“ul”）
• listItemElementName - 列表项的 HTML 元素名称（默认为“li”）
• listItemIDKeyPath - 每个项目 id 的唯一标识符键路径，当前 id 必须为数字（必需）
• listItemClass - 列表项的 css 类
• listItemStyle - 列表项的样式属性
• listClass - 列表包装器的 css 类
• listStyle - 列表包装器的样式属性
• startIndex - 仅允许从该索引开始重新排序列表
• action - 列表重新排序时触发的操作。当操作触发时，“list”绑定将包含一个已重新排序的 NSArray，以匹配用户执行的重新排序。

Scriptaculous 绑定

Scriptaculous 文档

• tag
• only
• overlap
• constraint
• containment
• handle
  • handle 绑定将是作为手柄使用的元素的 css 类名。例如，如果您有一个将用作可拖动区域手柄的图像，您将把它放在一个 span 内并设置class="handleName" 在 span 上。然后简单地将 AjaxSortableList 组件的 handle 属性设置为“handleName”。另外一个提示，在鼠标悬停时将光标样式设置为“move”，光标将变为四个箭头图标，表示用户正在悬停在手柄上。
• hoverclass
• ghosting
• dropOnEmpty
• scroll
• onChange
• onUpdate