0

4 つの列を持つ 1 つのグリッド ビューがあります --> 食品の種類、料理名、価格、数量。

「Food Type」列の値は「French、Chinese、Italian」です。

「料理名」の列には、exの尊敬される食品タイプの料理の名前があります。中華料理の場合、料理の 1 つは麺になります。

「価格欄」は各料理の価格

「数量」列には、注文する料理の数量を入力するテキスト ボックスがあります。

3 つの食品タイプごとに数百の料理が存在する可能性があります。スクロールを有効にして、すべての食品タイプのすべての料理を単一のグリッド ビューに表示しています。

問題は、一度にグリッド ビューがスクロール パネルに 20 行しか表示できないことです。特定の食品タイプの料理にたどり着くために手動でスクロールするのは避けたいです。

グリッド ビューでスクロールするために、French、Chinese、Italian (食品の種類) の値を持つ 1 つのドロップダウン リスト (DDL) を使用したいと考えています。ユーザーが DDL ユーザーのいずれかの値を選択すると、グリッド ビューの関連する領域にスクロールする必要があります。グリッドには、最初にフランス料理 (行は任意の数字)、次に中華料理、最後にイタリア料理の行があるとします。

DDL を使用してこの垂直スクロール機能を作成するのを手伝ってください。

グリッド ビューを視覚化するには、以下のリンクに従ってください。

http://www.flickr.com/photos/94027637@N05/8556915219/

前もって感謝します。

4

2 に答える 2

0

このタイプの作業に使用した別の提案があります。

食品カテゴリーごとに折りたたみ式パネル/アコーディオンを使用してください。まず、すべての食品カテゴリが折りたたまれて表示されます。顧客が特定のカテゴリを表示したい場合、そのカテゴリのヘッダーをクリックすると、関連する食品が展開されて表示されます。

必要に応じて、複数のグリッドまたは単一のグリッドを使用できます。

于 2013-03-14T18:01:15.390 に答える
0

ドロップダウン リストをリンクの短いリストに置き換えても問題ない場合は、各食品タイプの ID を持つアンカー タグをそのタイプの最初のエントリに追加できます。次のようになります。

<a href="#French">French</a>
<a href="#French">Chinese</a>
<a href="#French">Italian</a>

<table>
    <tr><td><a id="French"></a>French</td><td>Steak au poivre</td></tr>
    <tr><td>French</td><td>Steak frites</td></tr>
    <tr><td>French</td><td>Poulet frites</td></tr>
    ...
    <tr><td><a id="Chinese"></a>Chinese</td><td>Chinese noodles</td></tr>
    <tr><td>Chinese</td><td>Noodle Soup</td></tr>
    ...
    <tr><td><a id="Italian"></a>Italian</td><td>Braciole</td></tr>
    <tr><td>Italian</td><td>Pizza marinara</td></tr>
</table>
于 2013-03-15T05:42:08.470 に答える