web-dev-qa-db-ja.com

クリック可能な行を含むテーブルを設計するにはどうすればよいですか？

クライアントが行ったすべてのローンに関する情報を含むテーブルがあります。この表はこんな感じ

 Book_Id | BookType_Title |  StartDate  |   EndDate   |
---------+----------------+-----------+---------------+
    1234 | Test1          | 01.01.2013  | 01.02.2013  |
    1337 | Test1          | 01.01.2013  | 01.02.2013  |
    2814 | Test3          | 01.01.2013  | 01.02.2013  |
    3812 | Test4          | 01.01.2013  | 01.02.2013  |

ご覧のとおり、ブックID 1234および1337は同じBookTypeを参照しており、タイトルはTest1です。 2814および3812は他のBookTypeを参照します。

（プログラムの）ユーザーは、ブックのIDをクリックしてこの特定のブックに関する情報を取得するか、ブックタイプのタイトルをクリックしてこの特定のブックタイプに関する情報を取得できる必要があります。

ここで、リンクを配置するさまざまな方法があります。

  1. 1234、1337などをリンクにすることもできますが、プログラムはできるだけ直感的にする必要があります。したがって、連続して異なるリンクがあると、少し混乱する可能性があります。
  2. 私はそれをjavascript（jquery）で行うことができます：ユーザーが行をクリックすると、ポップアップで、何を開くか（本の情報ページまたは本のタイプの情報ページ）が尋ねられます。

私は他の考えを本当に感謝します！

上記で説明した2つの方法の長所と短所は何ですか？

gui-designtableshyperlinks
1
lenny.myr

それらをリンクにすることの利点は、リンクとして容易に識別できることです。

ポップアップの短所は、ポップアップが煩わしいことであり、ユーザーが探している情報にアクセスしようとするプロセスに1つのステップを追加することです。

そのため、それらをリンクとして保持することをお勧めします。

1
DA01

どのくらいの情報を表示する必要がありますか？

それほど多くない場合は、次のようなツールチップを使用できます。

enter image description here

1
Gildas Frémont

同じ本の本のIDと本のタイプを別々に扱うことのポイントはありますか？

特定の本のIDをクリックすると、ID、タイプ、その他の関連情報が任意の形式（新しいウィンドウ、オーバーレイ、ツールチップ）で表示されると思います。

最初に行をクリックしてから、必要なオプションを選択するため、オプション付きのポップアップはあまり意味がありません。 任意のアクションを2回クリックします。そして、ポップアップを作成したので、ユーザーは行をカバーしないことを心配して、ユーザーが参照して、希望するオプションを確認できるようにする必要があります。

2つのリンクを設定することをお勧めします。ユーザーは自分が望むオプションを選択します。それだけです。シングルクリック。行ではなくセルにリンクを接続しているため、行に複数のリンクがある場合でも混乱はありません。リンクが特定の行の特定のプロパティに対するものであることは明らかです。

1
rk.