在gridview中滚动

本文关键字:滚动 gridview | 更新日期: 2023-09-27 18:04:09

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

"食物类型"一栏的值为"French,Chinese,Italian"

"菜名"一栏有菜名,表示尊敬的食物类型,例如,对于中国人来说,其中一道菜将是面条。

"价格栏"有每道菜的价格

"数量"列有一个文本框,顾客将在其中插入要订购的菜的数量。

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

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

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

请帮助我使用DDL使这个垂直滚动功能。

按照下面的链接可视化网格视图:

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

提前感谢。

在gridview中滚动

对于这类工作,我还有另外一个建议。

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

可以使用多个网格,也可以使用单个网格。

如果您可以将下拉列表替换为链接的短列表,则可以在该类型的第一个条目中添加带有每种食物类型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>