title: How to use PartialView to bind Data in webgrid on ASP.Net MVC
body: <p>I have one DropDownlist and Webgrid.When I load Page all Datas where Bind then i need to bind Data in Webgrid depending upon DropDownlist change.How to i do this.</p>
  
  <p>My Code Is:</p>
  
  <p><code>Script:</code></p>
  
  <p>It will call the Controller Function</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
           $("#Cust_Id").change(function () {
            firstDDLValue = $("#Cust_Id").val();    
            $.post(
              '@Url.Action("SelectCustomerByID", "Admin")', 
              { 
                  secondValue: firstDDLValue 
              }, 
              function (ReceiptList) {
             });
          });
      });
  &lt;/script&gt; 
  </code></pre>
  
  <p><code>Controller Code:</code></p>
  
  <pre><code>public ActionResult SelectCustomerByID(Receipt model,string secondValue)
  {
      int CustID = 0;
      if (secondValue != "")
      {
          CustID = Convert.ToInt32(secondValue);
      }
      ObservableCollection&lt;Receipt&gt; ReceiptList = new ObservableCollection&lt;Receipt&gt;();
      Receipt Receipt = new Models.Receipt();
      model.ReceiptList = Receipt.GetReceiptListByCustID(CustID);
      return View(model.ReceiptList);
  }
  </code></pre>