WebObjects/Project WONDER/Frameworks/Ajax/AjaxSortableList
外觀
AjaxSortableList 提供了基於 Ajax 拖放列表自動重新排序 NSArray 的支援。AjaxSortableList 是一個 WOComponentContent。預設情況下,它會渲染一個無序列表。
Scriptaculous 可排序列表的演示在此提供。
- id - 列表的 id(必需)
- list - 允許重新排序的列表(必需)
- item - 重複項(必需)
- listElementName - 列表的 HTML 元素名稱(預設為“ul”)
- listItemElementName - 列表項的 HTML 元素名稱(預設為“li”)
- listItemIDKeyPath - 每個專案 id 的唯一識別符號鍵路徑,當前 id 必須為數字(必需)
- listItemClass - 列表項的 css 類
- listItemStyle - 列表項的樣式屬性
- listClass - 列表包裝器的 css 類
- listStyle - 列表包裝器的樣式屬性
- startIndex - 僅允許從該索引開始重新排序列表
- action - 列表重新排序時觸發的操作。當操作觸發時,“list”繫結將包含一個已重新排序的 NSArray,以匹配使用者執行的重新排序。
- tag
- only
- overlap
- constraint
- containment
- handle
- handle 繫結將是作為手柄使用的元素的 css 類名。例如,如果您有一個將用作可拖動區域手柄的影像,您將把它放在一個 span 內並設定class="handleName" 在 span 上。然後簡單地將 AjaxSortableList 元件的 handle 屬性設定為“handleName”。另外一個提示,在滑鼠懸停時將游標樣式設定為“move”,游標將變為四個箭頭圖示,表示使用者正在懸停在手柄上。
- hoverclass
- ghosting
- dropOnEmpty
- scroll
- onChange
- onUpdate