我有一个有4列的网格视图 - >食物类型,菜肴名称,价格,数量。
“食物类型”列的值为“法语,中文,意大利语”
“菜单名称”栏目具有前所未有的食物类型的菜肴名称。对于中国人来说,这道菜将是面条。
“价格栏”有每道菜的价格
“数量”栏有文本框,其中客户将插入要订购的菜品数量。
每种食物类型可以有数百种菜肴。 我在一个网格视图中显示所有食物类型的所有菜肴并启用了滚动。
问题在于,网格视图一次只能在滚动面板中显示20行。 我想避免手动滚动来获取特定食物类型的菜肴。
我想使用一个DropDown列表(DDL),它将在网格视图中滚动法语,中文,意大利语(食物类型)。当用户选择DDL中的任何值时,用户应滚动到网格视图的相关区域。 假设网格首先有法国食物类型的行(行可以是任何数字),然后是中文和最后的意大利语。
请帮我使用DDL制作此垂直滚动功能。
要显示网格视图,请按以下链接进行操作:
http://www.flickr.com/photos/94027637@N05/8556915219/
提前致谢。
答案 0 :(得分:0)
我还有另一个建议,我已用于此类工作。
对每种食品类别使用可折叠面板/ Accordian。首先,所有食品类别都将被折叠,当客户想要查看特定类别时,他/她将点击该类别的标题,该标题将展开以显示相关食品。
取决于您,您可以使用多个网格或单个网格。
答案 1 :(得分: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>