跳至內容

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
華夏公益教科書