Autre contrôle de l'interface utilisateur pour les grandes listes de données au lieu de DropDownList

Question

J'utilise C # et ASP.NET avec la version 2.0 de la bibliothèque .NET Framework sur ce projet particulier. Nous utilisons également AjaxControlToolkit. AjaxControlToolkit devrait avoir les commandes disponibles pour créer une solution d’interface utilisateur descendante au problème auquel je suis confronté.

Je l’ai déjà rencontré dans quelques projets au cours de la dernière année et j’ai utilisé différentes solutions par le passé. La conception actuelle du projet que je viens de prendre est qu'il existe un & Lt; asp: DropDownList & Gt; Contrôle et chargement de page un appel à la base de données est effectué pour obtenir une liste de valeurs. Ceci est ensuite lié en utilisant la source de données de DropDownList. Le problème est qu'il y a 25 000 éléments renvoyés de la base de données. Tout d’abord, il n’est pas acceptable pour un utilisateur de devoir parcourir des dizaines de milliers d’articles. Mais, plus important encore, dans tous les navigateurs sur lesquels il est testé (IE 7, FF 3, Safari et Chrome), le navigateur se bloque complètement pendant la propagation des éléments de la liste déroulante.

Je pense utiliser un Popup Modal formulaire, qui est un Autocomplete Extender permettant à l'utilisateur de approfondir jusqu'à une entreprise spécifique. Ainsi, dans le champ où ils doivent choisir une entreprise, ils cliquent sur un & "Choisir une entreprise &"; icône, le formulaire modal apparaît, leur permettant d’utiliser l’extendeur de saisie semi-automatique pour sélectionner une société existante. Ils cliquent sur & Quot; Ok & Quot; et il enregistre la valeur sur le terrain.

Cependant, je suis un gars de ligne de commande / shell / terminal de la vieille école, et mes idées de conception d'interface utilisateur acceptable risquent d'être faussées (donnez-moi une invite de commande sur n'importe quel système et je suis prêt à partir). J'aimerais connaître l'avis des membres de la communauté sur ce qui, à leur avis, constituerait une solution acceptable, ou s'ils ont été confrontés à d'autres problèmes de ce type.

Answer 1

Je pense que votre idée d’extension à complétion automatique est la meilleure solution. J'ai également eu ce problème (sonne similaire - un projet que vous prenez en charge de quelqu'un d'autre). Le refoulement vient souvent du côté de l'utilisateur. Ils sont habitués à pouvoir choisir parmi une liste d'éléments. Malheureusement, à mesure que la base de données se développe, cela devient de moins en moins faisable.

Toutefois, lorsque vous avez téléchargé 0,5 Mo de code HTML sur la page (sans compter l'état d'affichage), vous devez faire des compromis.

Pourquoi pensez-vous que vous devez créer un popup modal? Ne pouvez-vous pas simplement avoir l’extendeur sur votre page de saisie de données?

Answer 2

J'ai dû faire face au même problème. Mais j'ai fini par utiliser une liste déroulante avec prise en charge de la pagination et de la saisie automatique. Actuellement, cette liste déroulante provient de Telerik. C’est une comboBox pour la complétion automatique car vous ne pouvez pas taper dans une liste de dépôt.

Answer 3

Je conviens qu'aucun utilisateur ne voudra regarder parmi 25 000 articles pour trouver celui qu'il souhaite. Existe-t-il un moyen de limiter les données afin qu'elles puissent être explorées? Vous souhaitez d'abord sélectionner une région ou un type d'entreprise, puis afficher celles qui correspondent?

Answer 4

• Plusieurs listes de sélection en cascade, chacune affinant le résultat de la précédente
• AJAX AutoCompleteExtender