Quick question. Html.ActionLink and creating Internal Links ( #home, #about, etc. )

Question

Hi there, quick question...

How can I best create internal links? This is the markup I want to achieve:

<h3>Title</h3>
<ul>
  <li><a href="#prod1">Product 1</li>
  <li><a href="#prod2">Product 2</li>
  <li><a href="#prod3">Product 3</li>
  ...
  <li><a href="#prod100">Product 100</li>
</ul>

<div id="prod1">
  <!-- content here -->
</div>

Using MVC 2 I'm using, what's the best Html Helper to use?

<h3><%= Html.Encode(Model.Title) %>
<ul>

<% foreach ( var item in Model.Categories ) {%>
    <li><%= Html.RouteLink( item.Description, ???? ) %></li>
<%} %>

</ul>

What's the best way to get a url to an internal link? String.Format a link from scratch? There's gotta be a better way.

Answer 1

Hello,

<a href="#<%: item.Category %>"></a>

The routing features weren't meant for internal links; you have to generate them yourself.

Answer 2

public static TagBuilder LocalAnchor(this HtmlHelper helper, string anchor, string text)
{
    var tag = new TagBuilder("a");
    tag.MergeAttribute("href", "#" + anchor);
    tag.SetInnerText(text);
    return tag;
}