Question

我是网络开发的初学者。我坚持传递动态价值单击时的另一个页面。我唯一需要的就是点击超链接在另一个页面中的值。请帮帮我。

第一页：

@for (int j = 0; j < listOfUrls.Count; j++)
{
    <a style="background: #fff url(@listOfUrls[j]) no-repeat center;"
       href="nextPage" 
       onclick="@*Pass clicked listOfUrls[j]*@" ></a>
}

Answer 1

我创建了一个简单的控制器来显示演示。

演示控制器

从这个Controller，我将收集发送到View。

public class DemoController : Controller
{
    // GET: Demo
    public ActionResult Index()
    {
        List<DemoModel> list = new List<DemoModel>()
        {
            new DemoModel {Id = "1", Link = "One"},
            new DemoModel {Id = "2", Link = "Two"},
            new DemoModel {Id = "3", Link = "Three"},
            new DemoModel {Id = "4", Link = "Four"}
        };

        return View(list);
    }
}

我要发送到下一页的值是ID，因为我发送链接的值。

@model  List<WebApplication9.Models.DemoModel>
@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link href="~/Content/bootstrap.css" rel="stylesheet" />
</head>
<body>
    <div class="container">
        <div class="panel panel-default">
            <div class="panel-heading">Panel Heading</div>
            <div class="panel-body">

                @for (int i = 0; i < Model.Count; i++)
               {
                    <a href="@Url.Action("Index", "Demo2", new {@id = Model[i].Link})">
                        #Link to Page @Model[i].Link
                    </a>

                    <br />
                }
            </div>
        </div>
    </div>
</body>
</html>

渲染视图

我们正在向Demo2Controller发送值，其中它具有索引操作方法，该方法将ID作为输入。

public class Demo2Controller : Controller
{
    // GET: Demo2
    public ActionResult Index(string id)
    {
        if (!string.IsNullOrEmpty(id))
        {
            TempData["message"] = id;
        }
        else
        {
            TempData["message"] = "Not Clicked";
        }

        return View();
    }
}

索引视图（演示2）

    @{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link href="~/Content/bootstrap.css" rel="stylesheet" />
</head>
<body>
    <div class="alert alert-success">
        <strong>Success!</strong> @TempData["message"]
    </div>
</body>
</html>

如何将动态创建的超链接的css值传递给另一个页面

1 个答案: