跳转到内容

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 中并在 span 上设置class="handleName"。然后只需将 AjaxSortableList 组件的 handle 属性设置为 "handleName"。一个额外的提示,在鼠标悬停时将光标样式设置为 "move",光标将变为四个箭头图标,表示用户在句柄上。
  • hoverclass
  • ghosting
  • dropOnEmpty
  • scroll
  • onChange
  • onUpdate
华夏公益教科书