2013-03-14 163 views
0

我有一個網格視圖,它有4列 - >食物類型,菜名,價格,數量。在gridview中滾動

「食品類型」列有值「法國,中國,意大利」

「菜名」列有菜的尊重食物類型前的名稱。對於中國人來說,其中一道菜就是麪條。

「價格欄」有每道菜

的價格「數量」列具有文本框,在負荷消費將插入菜的數量是秩序。

每種食物類型可以有數百種。 我在啓用滾動功能的單個網格視圖中顯示所有食物類型的所有菜餚。

問題是,網格視圖一次只能在滾動面板中顯示20行。 我想避免手動滾動以獲得特定食物類型的菜餚。

我想要使用一個DropDown列表(DDL),它具有用於在網格視圖中滾動的法語,中文,意大利語(食物類型)值。當用戶將選擇DDL中的任何值時,用戶應滾動到網格視圖的相關區域。 假設網格將首先有法國食物類型的行(行可以是任何數字),然後是中文,最後是意大利語。

請幫助我使用DDL進行垂直滾動功能。

形象化網格視圖按照以下鏈接:

http://www.flickr.com/photos/[email protected]/8556915219/

在此先感謝。

+0

爲什麼不根據您的FoodType組合框中的選擇簡單地過濾GridView?例如,當用戶選擇FoodType作爲中文時,只顯示GridView中的中文項目。這樣你甚至可以擺脫GridView中的FoodType列。 – publicgk 2013-03-14 18:04:46

回答

0

我有另一個建議,我用這種工作。

使用可摺疊面板/每種食品類別的手風琴。首先,所有食品類別將被視爲崩潰,當客戶想要查看特定類別時,他/她將點擊該類別的標題,該標題將展開以顯示相關的食品項目。

取決於你,你可以使用多個網格或單個網格。

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>