将CSS类从控制器传递到ASP.NET MVC3中的局部视图

Question

我有一个来自控制器的简单代码

public ActionResult CreatePage() {

   return PartialView( "APage" );
}

该页面APage的一部分是：

<table class="@className">
  <tr>
  ...
  </tr>
</table>

在javascript中，我要生成具有不同类名（css类名）的APage

$.post('CreatePage', function(data) {
  $('.result').html(data);
});

如何将控制器函数（如果我要声明： public ActionResult CreatePage(string cssClass) { ... } ）传递给PartialView函数？

手段

我想要：

public ActionResult CreatePage( string cssClass ) {

       return PartialView( "APage", cssClass );
    }

而且我想在APage视图中使用该CSS类。

例如：

1. 如果我打电话

   $.post('CreatePage', {cssClass: 'aClass' ,function(data) { $('.result').html(data); });

2. 然后它将调用

    public ActionResult CreatePage( string cssClass ) { return PartialView( "APage", cssClass ); //cssClass = 'aClass' } 

3. 并像返回视图

   <table class="aClass"> <tr> ... </tr> </table>

谢谢

Answer 1

我不确定我是否正确理解了您，但是我认为您的榜样已经走上正确的道路。

在您的局部视图中，将此添加到最顶部：

@model string

然后在局部视图中，将表标记定义更改为

<table class="@Model"> <tr> ... </tr> </table>

Answer 2

继续@rikitikitik所说的。

您已经发现PartialView(viewName, model)方法重载，现在只需要扩展当前model以包含CSS类字符串即可。 只需添加一个名为CssClass的属性，您就可以在部分视图中使用它。

当然，这假设您使用的是视图模型 （因此使用MVVM模式 ），而不是“仅”模型甚至数据库模型（例如由Entity Framework处理）。

public class APartialModel
{
    public string Name { get; set; }
    // ... other properties
    public string CssClass { get; set; }
}

public ActionResult CreatePage( string cssClass ) {

   // Initialize the entire view model for the partial view here
   // This usually means you need to pass in an id and use it to
   // make a database lookup.
   // If it's "too much work", it probably means you
   // need to fix a structural problem.
   APartialModel model = new APartialModel
       {
           Name = "Somehow I already know this value",
           CssClass = cssClass
       };

   return PartialView( "APage", model );
}

@model APartialModel

<table class="@Model.CssClass">
  <tr>
  ... for example @Model.Name
  </tr>
</table>