défilement dans gridview

Question

J'ai une vue de la grille qui a 4 colonnes -> Type de nourriture, nom de plat, prix, quantité.

La colonne colonne « Type alimentaire » a des valeurs « français, chinois, italien »

« Nom plat » a le nom d'un plat pour le type d'aliment respecté par ex. pour le chinois, un des plats sera des nouilles.

colonne « colonne de prix » a prix de chaque plat

« Quantité » a zone de texte où costumer insérera la quantité de vaisselle à l'ordre.

Il peut y avoir des centaines de plats pour chacun des 3 types d'aliments. J'affiche tous les plats de tous les types d'aliments dans une seule vue de grille avec le défilement activé.

Le problème est que, à un moment donné, la vue de grille peut afficher seulement 20 lignes dans un panneau de défilement. Je veux éviter le défilement manuel pour arriver à la vaisselle de type alimentaire particulier. Je veux utiliser une liste DropDown (DDL) qui aura des valeurs françaises, chinoises, italiennes (type de nourriture) pour défiler dans une vue de la grille. Lorsque l'utilisateur sélectionne l'une des valeurs dans DDL, l'utilisateur doit faire défiler jusqu'à la région concernée de la vue de la grille. Supposons que la grille aura d'abord des rangs pour le type de nourriture français (les rangées peuvent être des nombres) puis chinois et enfin italien.

S'il vous plaît aidez-moi à faire de cette fonctionnalité de défilement vertical en utilisant DDL.

Pour visualiser la vue de la grille suivre lien ci-dessous:

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

Merci à l'avance.

Answer 1

J'ai une autre suggestion que j'ai utilisée pour ce type de travail. Utilisez le panneau/accordéon pliable pour chaque catégorie d'aliments. D'abord toutes les catégories d'aliments seront vues effondrées et quand le client veut voir une catégorie particulière il/elle cliquera sur l'en-tête de cette catégorie qui augmentera pour montrer les articles alimentaires connexes. En fonction de vous, vous pouvez utiliser plusieurs grilles ou une seule grille.

Answer 2

Si vous êtes en train de remplacer la liste déroulante par une courte liste de liens, vous pouvez ajouter une balise d'ancrage avec l'ID de chaque type d'aliment à la première entrée de ce type. Cela ressemblerait à ceci:

<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>