2016-06-01 6 views
0

新しいMVCプロジェクトがあり、JQuery DataTablesのCDNバージョンを_layoutページに追加しました。ページが正しく表示されてリセットされ、助けてください。Jqueryのデータテーブルが正しく表示されてからリセットされます

$(document).ready(function() { 
    $("#getViewReportButton").off("click.runonce1").on("click.runonce1", function() { 
     alert("drop down = " + $('#ReportSelected').find(":selected").text()); 
     viewReports($('#ReportSelected').find(":selected").val()); 
    }); 
}); 

function viewReports(reportSelected) { 
    var controller = "PortalReports"; 
    alert("View Reports = " + reportSelected); 
    var tableSelector = "#dataPortalTable"; 

    var table = $(tableSelector).DataTable({ 
     "ajax": { 
      "url": $("#basePath").val() + controller + "/GetReport", 
      "type": "POST" 
     }, 
     "columns": [ 
      { "data": "MiPolicyTransactionId" }, 
      { "data": "CompanyId" }, 
      { "data": "AgencyCode" }] 

    }); 
} 

は正しくここに Correctly rendered here

をレンダリングしかし、ここで、私はこれをデバッグするためにブレークポイントを置くことができる but reset here

をリセット?または、これを引き起こす可能性のあるものを見つけることができないような他の提案がありますか?ログを保存すると

編集クロームコンソールはjQueryを使って...確認がナビゲート Edit - Chrome console output

を確認し、そのまだ同じ参照してください。次のヘッドタグをjquery.datatables !!!!!!

<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>@ViewBag.Title - My ASP.NET Application</title> 
    @*@Styles.Render("~/Content/css") 
    @Scripts.Render("~/bundles/modernizr") 
    @Scripts.Render("~/bundles/jquery")*@ 
    @* @Scripts.Render("~/bundles/jqueryui") 
    @Scripts.Render("~/bundles/jqueryval") 
    @Scripts.Render("~/bundles/dataTables") 
    @Scripts.Render("~/bundles/bootstrap") 
    @RenderSection("pageScripts", required: false)*@ 
    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> 
    @*<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">*@ 
    <script type="text/javascript" language="javascript" src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 

</head> 

答えて

0
<form id="reportForm" method="post"> 
    <div class="fieldRow ui-widget-content ui-corner-all"> 
     <div class="field"> 
      @Html.DropDownListFor(x => x.ReportSelected, Model.ReportOptions, "Please Select") 
      <input id="getViewReportButton" type="submit" value="View Report" /> 
      <span id="searchLoader" class="ajaxLoader"></span> 
     </div> 
    </div> 
</form> 

<input id="getViewReportButton" **type="submit"** value="View Report" />//submit still firing 
<input id="getViewReportButton" **type="button"** value="View Report" />//No action 

ボタンをjQueryとページをリセットした後に提出された!!!!

関連する問題