UIを検索してクライアントをリストに追加するダイアログ

Question

Webアプリケーション（ASP.NET/C＃）のダイアログを実装して、ユーザーが会社のデータベースから1つ以上のクライアントを検索して選択する必要があります。

実際には、既存のバージョンが既に使用されています（添付の画像を参照）。これを新しいバージョンに置き換える必要があります（これは外部の従来のソフトウェアに由来し、破棄されます）。 目的は、直感的で使いやすいGUIを提供することです。クライアントの検索や追加、削除などの基本的な機能を提供します。

私の考えはjQueryのダイアログのプラグインとサーバとDBとの対話のためにそれらと対話するウェブメソッドとアヤックス/ JSONを使用して、ダイアログを開発することであろう。可能であれば、GridViewやテーブルをリストするのは避けたいので、私はまだ連絡先リストの良い解決策を見つけることができません。

このUIとその機能を開発するために、さらなるプラグインや最適なパターンが存在するかどうかは知りませんか？

Answer 1

本当に検索のヒントのために、私は検索を簡単にするためのオートコンプリートも考えました。

「近代的な」方法で、選択したクライアントの追加と削除についての懸念が増えました。
私はこれを見つけました。私のニーズに完全に対応しているプラ​​グインです（おそらくあなたにとっても便利かもしれません）。MultiSelect

マルチセレクションを使用してエントリを追加/削除するだけでなく、エントリを検索するときにいくつかの自動フィルタリング機能も使用できます。これを私のソリューションに追加しようとします。

Answer 2

私は自分のアプリケーションで同じを持っていると思いました。ユーザーと会話した後、私はそのようなダイアログを複数選択のオートコンプリートで簡単に置き換えることができることを発見しました。

jqueryUI demop hereを参照してください。

これがあなたのニーズに合わない場合は、<ol> or <ul>の2つのリスト、ページネーションプラグイン、おそらく検索プラグインを使用します。しかしこれまでこれをしていない。