Il y a quelques temps, j’avais posté un article expliquant comment accéder aux URLs des actions d’un controller via Javascript :

http://sebastienollivier.fr/blog/asp-net-mvc/liste-actions/

J’ai enfin pris le temps de packager cet helper et de le publier sous GitHub et sous la forme d’un package Nuget. J’en ai profité pour renommer le helper en JavascriptMvcRouteHelper.

Vous trouverez le repository GitHub à l’adresse suivante : https://github.com/sebastieno/JavascriptMvcRouteHelper

Le package Nuget est disponible sous le nom JavascriptMvcRouteHelper : JavascriptMvcRouteHelper

N’hésitez pas à me communiquer vos retours.

A bientôt.

[Update : La solution mise en place ci-après est maintenant disponible sur GitHub et sous la forme d'un package Nuget. Pour plus d'informations : http://sebastienollivier.fr/blog/asp-net-mvc/javascriptmvcroutehelper-github-nuget/]

L’une des nouveautés de ASP.NET MVC 3 est le support du Unobtrusive Javascript (Javascript discret en version française), c’est-à-dire le fait de ne plus embarquer de Javascript directement dans les pages web mais de les mettre dans des fichiers séparés.

L’un des problèmes liés à la séparation des pages web et du Javascript est de ne pas avoir accès aux Helper MVC dans les fichiers JS permettant notamment de générer des Url vers une action en fonction des routes déclarées : Url.Action(“Index”). La seule solution consiste à mettre en dur les URL dans le Javascript mais on perd l’aspect dynamique proposé par les routes MVC.

Ce post se base sur celui de Phil Haack qui proposait comme solution à cette problématique de générer dynamiquement un fichier JS contenant un helper permettant d’appeler une action en utilisant une URL sous la forme “/json/{controller}?invoke&action={action}”. De cette manière, il n’est plus nécessaire de mettre en dur dans le fichier JS l’URL de l’action, on peut à la place utiliser son helper en fournissant le nom du controller et le nom de l’action.

Le petit bémol de cette solution est qu’elle n’utilise pas d’URL « MVC compliant ». Je propose ici une modification de son implémentation pour ne plus générer un helper mais renvoyer l’URL liée à chaque action d’un controller sous la forme d’un dictionnaire Javascript. De cette manière, on pourra utiliser ce dictionnaire dans les fichiers JS pour faire référence à l’action en respectant les routes déclarées.

(lire plus…)