how can I pass the value from the view to the controller post method when I click the submit button  [Answered]RSS

• • Reply
  polachan

  Member

  295 Points

  1026 Posts

  how can I pass the value from the view to the controller post method when I click the submit butt...

  Sep 22, 2019 11:01 AM|polachan|LINK

  I  have a view and some the value of the model class of the view is not displayed in the view but the value has to be get in the controller when i click submit button of the view

  My view BreakDownReport file  code is given below. When I click submit button of the view , the following variable should be passed to the controller

  var report = {};

  report.LogYear = "@Model.LogYear"

  report.LogMonth = "@Model.LogMonth"

  report.EmployeeIds = "@Model.EmployeeIds"

  How can I pass the above value from view to controller Please help

  <div class="row col-sm-8 padding-top-ten" id="divActions">
                      <div class="form-group">
  
                          <div class="col-sm-3">
                              <button type="submit" class="btn btn-primary form-control" id="btnShow">Back</button>
                          </div>
  
  
                      </div>
  </div>
  
  <div class="table-responsive">
                      <div class="col-sm-12 portlet light @ViewBag.IsReport" id="divReport">
                          <table id="BreakDownLog" class="table table-bordered table-striped" style="width:100%;font-size:90%">
                              <thead>
                                  <tr>
                                      <th>DepotNo</th>
                                      <th>Employee</th>
                                      <th>Customer</th>
                                      <th>Date Carried</th>
                                      <th>Date Invoiced</th>
                                     
  
                                  </tr>
                              </thead>
                              <tbody>
                                  <tr>
                                      <td>DepotNo</td>
                                      <td>EmployeeName</td>
                                      <td>CustomerCode</td>
                                      <td>DateCarried</td>
                                      <td>DateInvoiced</td>
                                   
  
  
  
                                  </tr>
                              </tbody>
  
                          </table>
  
                      </div>
                  </div>
  
  
  
  <script>
     $(document).ready(function () {
          var report = {};
          report.LogYear = "@Model.LogYear"
          report.LogMonth = "@Model.LogMonth"
          report.EmployeeIds = "@Model.EmployeeIds"
          
  
  
  
  
          });
  
          
      });
  </script>

  My controller post method is given below

  [HttpPost]
          public IActionResult BreakDownReport(BreakDownLogEntryModel report)
          {
          }

• • Reply
  mgebhard

  All-Star

  44251 Points

  19077 Posts

  Re: how can I pass the value from the view to the controller post method when I click the submit...

  Sep 22, 2019 12:43 PM|mgebhard|LINK

  Like many of your posts, the shared code is not complete and the problem description is not relate to the code.  This makes it very difficult to understand the problem.  On top of incomplete code the code shown makes little logical sense.   For example, the following code populates a JavaScript object but there is not indication what problem this approach solves.  Are you planning to submit an AJAX POST?  

     $(document).ready(function () {
          var report = {};
          report.LogYear = "@Model.LogYear"
          report.LogMonth = "@Model.LogMonth"
          report.EmployeeIds = "@Model.EmployeeIds"

  Can you explain the purpose of the HTML table?  Is the table related to the JavaScript in some way?  Are you trying to filter tabular data?

  Can you explain the back button, which is the only button on the page.  Are you trying to go back to a previous state?

  I recommend that you take a step back and come up with clear requirements.  Then explain the requirements to the community.  Include code that proves you are making a good faith attempt to solve this problem.

• • Reply
  polachan

  Member

  295 Points

  1026 Posts

  Re: how can I pass the value from the view to the controller post method when I click the submit...

  Sep 22, 2019 04:33 PM|polachan|LINK

  I meant to  pass the value  of the variable  report.logyear,report.logmonth, report.employeeids to the post  method of the view when I click the <submit> button from  the view. The value is  stored in the variable but I dodnt know  how to pass from view to controller post method. 

  With Thanks

  Pol

  [HttpPost]
          public IActionResult BreakDownReport(BreakDownEntrymodel log) // Here I want to bring the value from the view the variable report
          {
             return view()
          }

• • Reply
  Rena Ni

  Participant

  1250 Points

  423 Posts

  Re: how can I pass the value from the view to the controller post method when I click the submit...

  Sep 23, 2019 03:23 AM|Rena Ni|LINK

  Hi polachan,

  You could use ajax to pass the value to the controller.And if you want to use @Model.property,you need to modify your view.Here is a simple workaround like below:

  1.Model:

  public class BreakDownLogEntryModel
  {
      [Key]
      public int DepotNo { get; set; }
      public string Employee { get; set; }
      public string Customer { get; set; }
      public string DateCarried { get; set; }
      public string DateInvoiced { get; set; }
      public string LogYear { get; set; }
      public string LogMonth { get; set; }
      public int EmployeeIds { get; set; }
  }

  2.View(Details.cshtml):

  @model BreakDownLogEntryModel
  <div class="row col-sm-8 padding-top-ten" id="divActions">
      <div class="form-group">
  
          <div class="col-sm-3">
              <button type="submit" onclick="test()" class="btn btn-primary form-control" id="btnShow">Back</button>
          </div>
      </div>
  </div>
  <div>
      <h4>BreakDownLogEntryModel</h4>
      <hr />
      <dl class="row">
          <dt class = "col-sm-2">
              @Html.DisplayNameFor(model => model.Employee)
          </dt>
          <dd class = "col-sm-10">
              @Html.DisplayFor(model => model.Employee)
          </dd>
          <dt class = "col-sm-2">
              @Html.DisplayNameFor(model => model.Customer)
          </dt>
          <dd class = "col-sm-10">
              @Html.DisplayFor(model => model.Customer)
          </dd>
          <dt class = "col-sm-2">
              @Html.DisplayNameFor(model => model.DateCarried)
          </dt>
          <dd class = "col-sm-10">
              @Html.DisplayFor(model => model.DateCarried)
          </dd>
          <dt class = "col-sm-2">
              @Html.DisplayNameFor(model => model.DateInvoiced)
          </dt>
          <dd class = "col-sm-10">
              @Html.DisplayFor(model => model.DateInvoiced)
          </dd>
      </dl>
  </div>
  @section Scripts{
      <script>
          function test() {
          var report = {};
          report.LogYear = @Model.LogYear
          report.LogMonth = @Model.LogMonth
         report.EmployeeIds = @Model.EmployeeIds
          $.ajax({
              type: "POST",
              url: "/BreakDownLogEntryModels/BreakDownReport",
              data: report,
              success: function () {
                   //more logic...
              }
          })
          }
      </script>
   }

  3.Controller:

  public async Task<IActionResult> Details(int? id)
  {
      var breakDownLogEntryModel = new BreakDownLogEntryModel() { DepotNo=1,Employee = "as",Customer = "ad", DateCarried ="2017-8-9", DateInvoiced ="2014-8-9", LogYear ="2017",LogMonth="8", EmployeeIds =1};
      return View(breakDownLogEntryModel);
  }
  [HttpPost]
  public IActionResult BreakDownReport(BreakDownLogEntryModel report)
  {
      //more logic...
      return View();
  }

  4.Result:

  

  Best Regards,

  Rena

  MSDN Community Support
  Please remember to click "Mark as Answer" the responses that resolved your issue.
  If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.
• • Reply
  polachan

  Member

  295 Points

  1026 Posts

  Re: how can I pass the value from the view to the controller post method when I click the submit...

  Sep 23, 2019 06:42 PM|polachan|LINK

  Many Thanks