MVCの剃刀にスクリプトを含める際に奇妙な問題が発生しました

Question

私は以前にmvcアプリケーションを開発しました。私は現在、cRUdベースのアプリケーションに取り組んでいます。 JQuery Bootgridを使用する必要があります。インフラストラクチャはVS 2013です.MVC 5.テーブル上でbootgrid関数を呼び出すと、テーブルはレンダリングされず、検索プラグインのみが画面に表示されます。クロムのデバッグ中に私はスクリプト宣言の後にいくつかのエラーシンボルを見ます。私は無知です、どんな助言も助けます。

私は自分のコードを添付しており、クロムの画面イメージも添付しています。

@model COE.Tools.Adapt.DataTransferObjects.ViewModels.UserProfileViewModel 

@{ 
    ViewBag.Title = "Manage User Information"; 
} 

<div class="row"> 
    <div class="col-lg-12"> 
     <h2 class="sub-header">ManageUsers</h2> 
    </div> 
    <!-- /.col-lg-12 --> 
</div> 

<div class="row"> 
    <div class="panel panel-default"> 
     <div class="panel-heading"> 
      <div class="row"> 
       <div class="col-lg-2 col-md-3"> 
        <i class="fa fa-user fa-3x" aria-hidden="true"></i> 
        <button id="btnAddNew" value="NewUser" class="btn btn-default">NewUser</button> 
       </div> 
      </div> 
     </div> 
     <div class="panel-body"> 
      <div class="row"> 
       <div class="col-lg-12 col-md-12"> 
        <table id="gridUsers" class="table table-bordered table-hover"> 
         <thead> 
          <tr id="tbHeader"> 
          <tr> 
           <th data-column-id="firstName">FirstName</th> 
           <th data-column-id="lastName">LastName</th> 
           <th data-column-id="userId">UserId</th> 
           <th data-column-id="email">Email</th> 
           <th data-column-id="role">Role</th> 
           <th data-column-id="app">Applications</th> 
           <th data-column-id="plant">Plant</th> 
           <th data-formatter="Edit">Edit</th> 
           <th data-formatter="Delete">Delete</th> 
          </tr> 
         </thead> 
         <tbody> 
          @{ 
           foreach (var vm in Model.lstUserInformation) 
           { 
            <tr> 
             <td>@vm.FirstName</td> 

             <td>@vm.LastName</td> 

             <td>@vm.UserId</td> 

             <td>@vm.Email</td> 
             <td>@vm.RoleDescription</td> 
             <td>@vm.UserApplication</td> 
             <td>@vm.DefaultLocation</td> 
             <td> 
              <a id="idEditUser" href="@Url.Action("EditUser", "Account", new {@userId = @vm.UserId })"><i class="fa fa-pencil-square-o fa-2x" aria-hidden="true"></i> Edit </a> 
             </td> 
             <td> 
              <a id="idDeleteUser" href="@Url.Action("DeleteUser", "Account", new {@userId = @vm.UserId })"><i class="fa fa-trash fa-2x" aria-hidden="true"></i> Delete </a> 
             </td> 
            </tr> 

           } 
          } 
         </tbody> 
        </table> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 


@section MyScripts { 


    <script type="text/javascript"> 
     $(document).ready(function() { 

      alert('opk'); 
      $("#gridUsers").bootgrid({ 
       caseSensitive: false, 
       sorting: true, 
       multiSort: true, 
       selection: true, 
       rowSelect: true, 
       multiSelect: true, 
       keepSelection: true, 
       searchSettings: { 
        delay: 100, 
        characters: 1 
       }, 
       labels: { 
        infos: "GridResults", 
        search: "GridSearch", 
        noResults: "GridNoResults", 
        all: "GridAllRowCount", 
        loading: "GridLoading" 
       }, 
       formatters: { 

       } 
      }); 
     }); 
    </script> 
} 

Answer 1

は私の問題を発見しました。愚かな私。私は2 trを持って、最初のものはデータを持っていませんでした。

私の問題を調査していただきありがとうございます。