網絡長檢查列表UI模式

我有一個數據輸入頁面，用戶需要這樣做，從列表中選擇一些。目前它只是一個包含大約10件物品的清單，它們可以打勾，但很快就會擴展到大約230件。處理大量可選物品的良好UI範例是什麼？我正在考慮雙列表類型控制。網絡長檢查列表UI模式

2009-05-19 Craig

你是什麼意思，你不能再細分230個項目的列表。誰決定了這些項目？你是否完成了任何用戶組的工作，或者是否有人發明了所有這些要求？這味道不好。 – AdamC 2009-06-18 23:20:55

雙名單，但是，對於一個大型＃非可分組要素：（！咄）

而且，如果列表是真正的大（1K +），你可能會遇到緩慢渲染麻煩。如果是這樣，您還可以「列表」分頁 - 例如只顯示前N個元素，允許從這些元素中進行選擇，然後將「幀」移動到下N個元素。

（上述所有內容均爲我們在企業Web應用程序中實現的解決方案的實際屬性，需要包含30k個可能值且無法分組的選擇列表）。

2009-06-23 20:38:47 DVK

我認爲雙重名單效果最好。 – Craig 2011-08-31 23:55:10

項目是否以任何方式分組？如果是這樣，可摺疊的樹型導航可能會有用。

2009-05-19 05:32:11

不幸的是沒有。 – Craig 2009-05-19 05:41:42

這實際上取決於情況和你有多少空間，但在大多數情況下，我更喜歡雙列表控件，也就是列表生成器，你在哪裏想。

這裏有一個很好的鏈接，靈感（需要Silverlight的）：http://good.ly/qh7aeg8

2009-05-19 15:54:48 kaba

僅使用HTML和Javascript這裏訪問的方式：

如果您最初隱藏所有組，則用戶可以單擊他們要完成的組的鏈接。此外，如果您添加翻轉（可能只是工具提示title屬性的可訪問性鏈接）以及每個組的描述，則用戶將在訪問它之前進行「預覽」。

最後，如果標籤足夠短，則給fieldsets一個寬度，並使用CSS float或absolute進行定位。

嘗試堅持有效的（X）HTML，CSS和Javascript - 有很多先例。

2009-06-16 09:41:20

2011-07-07 00:00:29 dexter

回答