title: render partial view in MVC
body: <p>I am using MVC Structure. I have to create a report which can be filtered by drop downs. I am thing to use a partial view to display report.
  HEre is the structure of the page I want to achieve.
  On top of page, there will be some drop down lists.
  Below these will be page for report.</p>
  
  <p>when user changes the options from dropdownlist, the report will be filtered.</p>
  
  <p>I have two questions
  1. How to render partial page.
  2. How to refresh partial page through ajax/jquery. I want to do this on client side.</p>
  
  <p>I have checked online, I am rendering page as shown in code below
  <strong>VIEW</strong></p>
  
  <pre><code>&lt;h3&gt;Report&lt;/h3&gt;
  &lt;div&gt;
      &lt;table&gt;
          &lt;tr&gt;
              &lt;td&gt;ServiceLine&lt;/td&gt;
              &lt;td&gt;@Html.DropDownList("ServiceLine", null, new {id="ServiceLine"}) &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  &lt;div&gt;
      &lt;h2&gt;List&lt;/h2&gt;
      &lt;div&gt;
          @Html.Partial("PartialView")
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is what I have got in controller</p>
  
  <pre><code>public ActionResult PortfolioReport(char serviceLine)
  {
      //Department List
  
       var serviceLines = Enum.GetValues(typeof(SogetiDepartments)).Cast&lt;SogetiDepartments&gt;().Select(v =&gt; new SelectListItem
      {
          Text = v.ToString(),
          Value = ((char)v).ToString(),
      });
  
       foreach (SelectListItem item in serviceLines)
       {
           if (Convert.ToChar(item.Value) == serviceLine)
               item.Selected = true;
       }
  
  
       ViewBag.ServiceLine = serviceLines;
  
      return View();
  }
  </code></pre>
  
  <p>Any kind of help is appreciated.</p>