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 中並在 span 上設定class="handleName"。然後只需將 AjaxSortableList 元件的 handle 屬性設定為 "handleName"。一個額外的提示,在滑鼠懸停時將游標樣式設定為 "move",游標將變為四個箭頭圖示,表示使用者在控制代碼上。
- hoverclass
- ghosting
- dropOnEmpty
- scroll
- onChange
- onUpdate