ActionLink contains slash ('/') and breaks link

Question

I have an Action Link that's as follows:

<td>@Html.ActionLink(item.InterfaceName, "Name", "Interface", new { name = item.InterfaceName}, null)</td>

item.InterfaceName is gathered from a database, and is FastEthernet0/0. This results in my HTML link being created to lead to "localhost:1842/Interface/Name/FastEthernet0/0". Is there a way to make "FastEthernet0/0" URL friendly so that my routing doesn't get confused?

Answer 1

You could work around this, by replacing the slash.

ActionLink(item.InterfaceName.Replace('/', '-'), ....)

After this your link would look like this: localhost:1842/Interface/Name/FastEthernet0-0. Naturally, your ActionMethod in your controller will misbehave, because it will expect a well named interface, so upon calling the method you need to revert the replace:

public ActionResult Name(string interfaceName)
{
   string _interfaceName = interfaceName.Replace('-','/');
   //retrieve information
   var result = db.Interfaces...

}

An alternative would be to build a custom route to catch your requests:

routes.MapRoute(
    "interface",
    "interface/{*id}",
     new { controller = "Interface", action = "Name", id = UrlParameter.Optional }
);

Your method would be:

public ActionResult Name(string interfaceName)
{
    //interfaceName is FastEthernet0/0

}

This solution was suggested by Darin Dimitrov here