c# - 如何在 ASP.NET MVC ActionLink 中将 C# 变量分配给 CSS 类变量

Question

在下面的 ActionLink 代码中，如何@class在 ASP.NET MVC 5 的视图中分配 C# 字符串变量？

@Html.ActionLink("Manage List", "Index", new { @class = "DynamicClassName" });

我想 @class = "DynamicClassName"用动态的东西替换静态字符串，类似于@class = @myChangingColorClass

// Error 
// yes, myChangingColorClass is declared C# valid string 
@Html.ActionLink("Manage List", "Index", new { @class =  @myChangingColorClass });

Answer 1

您需要myChangingColorClass在 cshtml 的代码块中声明如下

@{
    string myChangingColorClass = "myClass";
}

Answer 2

您可以尝试在Model或ViewModel类中放置一个字符串变量（属性），然后从代码隐藏中设置它并在您的视图中使用它，如下所示：

@Html.ActionLink("Manage List", "Index", new { @class =  @Model.myChangingColorClass});

Answer 3

这可以通过两种方式来实现，一种是在 ViewModel 类中设置值，或者在 ViewBag、ViewData 或 TempData 中设置值。

方式1）首选方式强类型：将css类名设置为viewmodel类属性：

Class Student
{
  public ID BIGINT {get; set;}
  ... //other properties

}

Class StudentViewModel : Student
{
   public CssClass string {get; set;}
}

//控制器动作

public ActionResult Index(){
  StudentViewModel objModel; 
  //initialize model

  objModel.CssClass = "myCssClass"; //set css class name to viewmodel 
  return View(objModel);
}

//查看使用如下代码：

@model namespace.StudentViewModel;
@Html.ActionLink("Manage List", "Index", new { @class =  Model.CssClass })

方式2）将css类名设置为viewbag/viewdata/tempdate。但这不是首选。

//控制器动作

public ActionResult Index(){

  ViewBag.CssClass = "myCssClass"; //set css class name to ViewBag
  //or
  ViewData["CssClass"] = "myCssClass"; //set css class name to ViewData
  //or
  TempData["CssClass"] = "myCssClass"; //set css class name to TempData

  return View();
}

//查看使用如下代码：

@Html.ActionLink("Manage List", "Index", new { @class =  @ViewBag.CssClass })
//Or
@Html.ActionLink("Manage List", "Index", new { @class =  @Convert.toString(ViewData["CssClass"]) })
//Or
@Html.ActionLink("Manage List", "Index", new { @class =  @Convert.toString(TempData["CssClass"]) })

请告诉我，这对你有用吗？

Answer 4

@{
    string myChangingColorClass = "myClass";
}

@Html.ActionLink("Manage List", "Index", null, new { @class = @myChangingColorClass });

它会产生

<a class="myClass" href="/ControllerName">Manage List</a>

但是使用这个，

@Html.ActionLink("Manage List", "Index", new { @class = @myChangingColorClass });

它会产生

<a href="/ControllerName?class=myClass">Manage List</a>

它假设它像该方法的参数..你不想要..

添加 null之前new { @class = @myChangingColorClass }将解决此问题