0

我有一个网格视图，它有 4 列 --> 食物类型、菜肴名称、价格、数量。

“食物类型”列的值为“法国、中国、意大利”

“菜肴名称”列具有用于尊重食物类型的菜肴名称，例如。对于中国人来说，其中一道菜是面条。

“价格栏”有每道菜的价格

“数量”列有文本框，客户将在其中插入要订购的菜肴数量。

3 种食物类型中的每一种都可以有数百种菜肴。我在启用滚动的单个网格视图中显示所有食物类型的所有菜肴。

问题是，网格视图一次只能在滚动面板中显示 20 行。我想避免手动滚动以获取特定食物类型的菜肴。

我想使用一个下拉列表 (DDL)，其中包含法语、中文、意大利语（食物类型）的值，用于在网格视图中滚动。当用户选择 DDL 中的任何值时，用户应滚动到网格视图的相关区域。假设网格首先有法国食物类型的行（行可以是任何数字），然后是中国食物，最后是意大利食物。

请帮助我使用 DDL 制作此垂直滚动功能。

要可视化网格视图，请点击以下链接：

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

提前致谢。

4

2 回答 2

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 回答
0

我有另一个建议用于此类工作。

对每个食品类别使用可折叠面板/手风琴。首先，所有食品类别都将被折叠，当客户想要查看特定类别时，他/她将单击该类别的标题，该标题将展开以显示相关食品。

取决于您，您可以使用多个网格或单个网格。

于 2013-03-14T18:01:15.390 回答