跳轉到內容

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