How to dynamically create several ActionLinks from the Controller in MVC?

Question

I'm using MVC where I have a list of strings that I would like to point to a new page. I'm using Razor and am very new to MVC and cannot seem to find the answer to my question through google.

My list could contain of the following:

"hello"
"goodbye"
"seeya"

I know how to insert strings from the controller to the html page using ViewBag, and I would use the following actionlink if I had a fixed set of strings:

@Html.ActionLink("viewedName", "ChemicalClass", new { mystring = "hello" })
@Html.ActionLink("viewedName", "ChemicalClass", new { mystring = "goodbye" })
@Html.ActionLink("viewedName", "ChemicalClass", new { mystring = "seeya" })

As I understand it, this would generate 3 links that would redirect to the subpage "ChemicalClass", and it would contain the one of the 3 parameters, depending on the link that was clicked.

My quesiton is, how can I do the same, but have the ActionLinks created dynamically, since I won't know how many links are going to be created, nor the content of the strings. My goal is to show these links on the webpage in (preferabely) a list form, e.g.:

<ol>
    <li>
        hello
    </li>
    <li>
        goodbye
    </li>
    <li>
        seeya
    </li>
</ol>

Where each element in the list is a link and not just a string.

pass in a viewmodel with your links , then loop over them with razor — PaulBinder
– PaulBinder, Commented Jul 29, 2014 at 18:31

PaulBinder · Accepted Answer · 2014-07-29 19:14:07Z

5

Create a view model that stores a collection of links

Model

public class ViewModel
{
    public IList<string> Links { get; set; }
}

populate that model in your controller

Controller

public ActionResult Index()
    {
        var model = new ViewModel
            {
                Links = new List<string>
                    {
                        "Hello",
                        "Goodbye",
                        "Seeya"
                    }
            };
        return View(model);
    }

and finally your view View

@model MvcApplication1.Models.ViewModel
        <ol>
        @foreach (var item in Model.Links)
        {
            <li>
            @Html.ActionLink("viewedName", "ChemicalClass", new { mystring = item })
            </li>
        }
        </ol>

Your class holds your collection of strings and razor loops over them to produce your links.

edited Jul 29, 2014 at 19:14

answered Jul 29, 2014 at 18:38

PaulBinder

2,0521 gold badge16 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Sina Sohi Over a year ago

Thank you for this! I have one question though. If I am doing the same solution somehwere else in my project where I need the exact same model, can I reuse the code you have in the "model" section or should I create a new class for the new page?

PaulBinder Over a year ago

If the view requires the same viewmodel then forsure you can reuse that view. You will need new controller methods however for the new view. But you can reuse the viewmodel

Sina Sohi Over a year ago

Okay thank you very much for this. It was extremely helpful. And I can say that I also made it work with several other pages!

Deshmukh · Accepted Answer · 2014-07-29 18:36:24Z

0

you can use something like this.

                <ul>
                 @foreach (var x in Model)
                 {
                     <li><a href="#">@x.myString </a></li>
                  }
                </ul>

answered Jul 29, 2014 at 18:36

Deshmukh

295 bronze badges

Comments

L_7337 · Accepted Answer · 2014-07-29 18:38:21Z

0

I have something like this in one of my Views:

@foreach (var item in Model.MyList)
    {
        <li>
            @Html.ActionLink("Select", "ActionName", "Chemical", new {id = item.AdmNum}, new { @class = "label label-info"})
        </li>
    }

answered Jul 29, 2014 at 18:38

L_7337

2,74731 silver badges45 bronze badges

Collectives™ on Stack Overflow

How to dynamically create several ActionLinks from the Controller in MVC?

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related