title: How do i use @Html.helper on a view page where i declare @model IENumerable
body: <p>My view page is using @model IENumerable as i included a @foreach (var item in Model) in my code. Now i am unable to use @Html.textboxfor and etc on my page.
  How do i use @Html.helper on my view page or is there another way to do looping on my view page by using @model Model instead of @model IENumerable?</p>
  
  <p>My view code is as per below:</p>
  
  <pre><code>@model IEnumerable&lt;OnlinePlatform.Models.Services&gt;
  &lt;script&gt;
  
  $(document).ready(function () {
  
      $(document).on("click", '.edit_button', function (e) {
          var serviceid = $(this).data('id');
          var name = $(this).data('name');
          var desc = $(this).data('description');
          var internet = $(this).data('interneturl');
          var intranet = $(this).data('intraneturl');
          var systemowner = $(this).data('systemowner');
          var iconpath = $(this).data('iconpath');
  
          $(".editService_ServiceId").val(serviceid);
          $(".editService_Name").text(name);
          $(".editService_Description").val(desc);
          $(".editService_InternetURL").val(internet);
          $(".editService_IntranetURL").val(intranet);
          $(".editService_SystemOwner").val(systemowner);
          $(".editService_IconPath").val(iconpath);
  
      });
  
      $(document).on("click", '.request_button', function (e) {
          var serviceid = $(this).data('id');
          var servicename = $(this).data('name')
  
          $(".requestService_Name").text(servicename);
          $(".requestService_ServiceId").val(serviceid);
      });
  
  });
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;section class="section"&gt;
  &lt;div class="row"&gt;
      &lt;div class="col-md-12"&gt;
          &lt;h2&gt;Please choose a service to start&lt;/h2&gt;
          &lt;br /&gt;
          &lt;div class="row"&gt;
  
  
              &lt;div class="col-3"&gt;
                  &lt;div class="card text-center"&gt;
                      &lt;div style="min-height:113px"&gt;
                          &lt;a href="#addServiceModal" data-toggle="modal"&gt;&lt;i class="fa fa-plus pt-4" style="font-size:76px"&gt; &lt;/i&gt;&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;div class="card-body"&gt;
                          &lt;h4 class="card-title" style="height:85px"&gt;New Service?&lt;/h4&gt;
                          &lt;p class="card-text" style="height:47px"&gt;
                              Click here to add a new service
  
                          &lt;/p&gt;
                          &lt;a href="#" class="btn btn-info" data-toggle="modal" data-target="#addServiceModal"&gt;Add a Service&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              @foreach (var item in Model)
              {
  
                  &lt;div class="col-3"&gt;
                      &lt;div class="card text-center"&gt;
                          &lt;a href="@item.IntranetUrl"&gt;
                              &lt;img class="text-center" src="~/Images/Services/corporate-calendar.png"&gt;
                          &lt;/a&gt;
                          &lt;div class="card-body"&gt;
                              &lt;h4 class="card-title" style="height:85px"&gt;@item.Name&lt;/h4&gt;
                              &lt;p class="card-text" style="height:47px"&gt;
                                  @item.Description
  
                              &lt;/p&gt;
                              &lt;a href="@item.IntranetUrl" class="btn btn-success"&gt;Access&lt;/a&gt;
                              &lt;a href="#editServiceModal" class="btn btn-info edit_button" data-toggle="modal"
                                 data-id="@item.Id"
                                 data-name="@item.Name"
                                 data-description="@item.Description"
                                 data-interneturl="@item.InternetUrl"
                                 data-intraneturl="@item.IntranetUrl"
                                 data-systemowner="@item.SystemOwner"
                                 data-iconpath="@item.IconPath"&gt;Edit&lt;/a&gt;
                              &lt;a href="#requestServiceModal" class="btn btn-danger request_button" data-toggle="modal"
                                 data-id="@item.Id"
                                 data-name="@item.Name"&gt;Register&lt;/a&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              }
  
  
              &lt;div class="container"&gt;
                  &lt;h2&gt;Striped Rows&lt;/h2&gt;
                  &lt;p&gt;The .table-striped class adds zebra-stripes to a table:&lt;/p&gt;
                  &lt;table class="table"&gt;
                      &lt;thead&gt;
                          &lt;tr&gt;
                              &lt;th&gt;Id&lt;/th&gt;
                              &lt;th&gt;Name&lt;/th&gt;
                              &lt;th&gt;Description&lt;/th&gt;
                              &lt;th&gt;Start Date&lt;/th&gt;
                              &lt;th&gt;System Owner&lt;/th&gt;
                              &lt;th&gt;Created By&lt;/th&gt;
                              &lt;th&gt;&lt;/th&gt;
                          &lt;/tr&gt;
                      &lt;/thead&gt;
  
                      @foreach (var item in Model)
                      {
                          &lt;tbody&gt;
                              &lt;tr&gt;
                                  &lt;td&gt;@item.Id&lt;/td&gt;
                                  &lt;td&gt;@item.Name&lt;/td&gt;
                                  &lt;td&gt;@item.Description&lt;/td&gt;
                                  &lt;td&gt;@item.StartDate&lt;/td&gt;
                                  &lt;td&gt;@item.SystemOwner&lt;/td&gt;
                                  &lt;td&gt;@item.CreatedBy&lt;/td&gt;
                                  &lt;td&gt;&lt;button type="button" class="btn"&gt;Edit&lt;/button&gt;&lt;/td&gt;
                              &lt;/tr&gt;
                          &lt;/tbody&gt;
                      }
  
  
                  &lt;/table&gt;
              &lt;/div&gt;
  
  
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>