Jquery 데이터 테이블이 올바르게 표시되고 다시 설정됩니다.

새 MVC 프로젝트가 있고 _layout 페이지에 Jquery DataTables의 CDN 버전을 추가했는데 페이지가 올바르게 표시되고 다시 설정되는 것처럼 stum되었으므로 runonce 표기법을 추가했지만, 도와 줘.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" }] 

    }); 
}

올바르게 여기

렌더링하지만이 디버깅을 중단 점을 배치 할 수 있습니다 어디 여기

를 재설정? 아니면이 문제를 일으킬만한 것을 찾지 못한 다른 제안이 있습니까? 로그를 보존와

편집 크롬 콘솔은 jQuery로 ... 확인한다가 탐색

을 확인하고 여전히 같은 참조 다음 머리 태그를 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>

출처

2016-06-01 Andrew Day

<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와 상기 페이지를 재설정 한 후 제출 하였다 !!!!

출처

2016-06-01 13:58:11

Jquery 데이터 테이블이 올바르게 표시되고 다시 설정됩니다.

답변

관련 문제