web-dev-qa-db-ja.com

この移動可能な複数選択リストの名前は何ですか?

これは私を殺しています。 2つの複数選択コントロールがあるこのUIコンポーネントの名前を調べようとしています。左側は使用可能なアイテムのリスト、右側は選択されたアイテムのリストであり、その間を移動するためのボタンがいくつかあります。

movable multiselect list

利用可能な選択肢のかなり大きなリストが必要であり、ユーザーはそれらの選択肢も表示できる必要があります。同じ目標を達成できる代替コンポーネントを利用できますが、選択するアイテムの数がかなり多いため、 react-select のような複数選択コンポーネントで見られる「タグ」アプローチは最適ではありません。

2
Mark W

名前は?

Microsoftはこれを List Builder と呼んでいます。 2006年の本と同様に、O'Reillyによる ' Designing Interfaces 'です。

GoogleではこれをマテリアルデザインUIで "転送リスト"(または "シャトル") と呼んでいます。

OpenFaces(AJAXベースのコンポーネントライブラリ)はこれを TwoListSelection と呼びます。

Virtuosoftには、 Dual Listbox と呼ばれるものにいくつかのバリエーションがあります。 Codeplexには Picklist(Dual Listbox) と呼ばれるバージョンもあります。 Geodanはそれらのバージョンをかなり似た名前にしています。 Githubでは Dual List Box と呼ばれています。

他の誰かが実装 Listswap と名付けました。

選択ボックス間で値を移動するリストボックス間で項目を移動するリストボックスから項目を交換する のように、キャッチーな名前の少ないオンラインがたくさんあります。 。これらはオブジェクト名ではなく、記事のタイトルです。

最も使用されているのはどれですか?

MicrosoftとO'Reillyはかなり有名な会社なので、良い出発点のようです。しかし、用語「リストビルダー」をグーグルで検索すると、なんと475.000の結果が得られますが、多くは探しているものではありません。ニュースレターのサインアップシート(クライアントリストを拡大する)やコンテンツの追加(バンドのコンサートのリスト)など、メール/マーケティングツールへの多くのリンク。

"TwoListSelection"は、無関係なリンクを数多く含まずに、約2000ヒットを取得します。ただし、これらのリンクの多くはOpenFacesに(間接的に)直接リンクしているため、ほとんどがそれらにのみ基づいています。

用語「デュアルリストボックス」および「ダブルリストボックス」をグーグルする〜3000と〜6000のヒットが得られますが、それほど多くありません...しかし、それらのほとんど(すべて?)は実際に適切なコンテンツにリンクしています。 HTML、Perl、VB2008などのこのGUI要素のさまざまな実装。

Listswapのヒット数は約29.000ですが、ここでも多くの誤検知があります。これらの大部分は、2つのリスト間でアイテムを交換することではなく、1つのリスト内のアイテムの場所を交換することです。 「アップル、ベーコン、チェダー。」 「アップル、チェダー、ベーコン」になります。私たちが望むものではありません。

私の選択:デュアルリストボックス

ほとんどのヒットはないかもしれませんが、多くの不要な結果をソートする必要がない「最も」ヒットがあります。また、いくつかのソースで使用されているだけでなく、さまざまな言語でいくつかの魅力があります。これはかなり健康的な選択になります。単一の組織に依存しすぎず、簡単に見つけることができます。

9
PixelSnader

アキュムレータコントロールとも呼ばれ、より厳密にはリストビルダーとも呼ばれていました。

0
Alx1xlA