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

Question

I have a simple code from controller

public ActionResult CreatePage() {

   return PartialView( "APage" );
}

and the part of that page APage is:

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

In javascript, I want to generate APage with different class name (css class name)

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

How to pass in controller function (if I would declare : public ActionResult CreatePage(string cssClass) { ... } ) the parameter to PartialView function ?

Means

I want like:

public ActionResult CreatePage( string cssClass ) {

       return PartialView( "APage", cssClass );
    }

And I want to use that css class into APage view.

For example:

1. If I call

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

2. Then it will call

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

3. And return the view like

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

Thank you

Answer 1

I'm not sure if I understood you correctly, but your example, I think, is already on the right track.

In your partial view, add this at the very top:

@model string

And then in your partial view, change the table tag definition to

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

Answer 2

To extend upon what @rikitikitik said.

You already discovered the PartialView(viewName, model) method overload, now you just have to extend your current model to include the CSS class string. Just add a property called CssClass and you will be able to use it in your partial view.

This of course assumes you are using view models (and thus the MVVM pattern ), not "just" models or even database models (handled by for example 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>