jQuery Datatables 플러그인이 ASP.NET MVC에서 작동하지 않습니다.

jquery datatables plug-in을 사용하여 MVC 응용 프로그램의 테이블에 기능을 추가하려고합니다. 나는, 브라우저에서 datatables을 페이지를 미리 그러나 때jQuery Datatables 플러그인이 ASP.NET MVC에서 작동하지 않습니다.

<script src="~/Scripts/DataTables-1.9.4/media/js/jquery.dataTables.js" type="text/javascript"></script> 
<script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#dailyreporttable').dataTable(); 
    }); 
</script>

플러스가에 : 나는 시도하고 데이터 테이블에 표준 테이블에서 테이블 'dailyreporttable'을 설정하는 내 index.cshtml 페이지에 다음을 추가 한 테이블에 적용되지 않았으며 표준 테이블로 남아 있습니다. MVC 또는 웹 개발에 대한 경험이 없으므로 정확히 무엇이 잘못되었는지 잘 모르겠습니다.

출처

2014-05-13 Kevin

스크립트 참조를 전환 해보십시오. 브라우저는 스크립트를 순서대로로드하고 jQuery 플러그인보다 먼저 jQuery를 참조해야합니다. –

스크립트로드 순서를 변경 시도 :

<script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript"></script> 
<script src="~/Scripts/DataTab....ataTables.js" type="text/javascript"></script>

datatables JQuery와 기반 플러그인 때문에 당신이 필요한 모든 방법을 얻을 수 있도록 먼저 jQuery 라이브러리를 포함 할 필요가 그래서, 실행 JQuery와 방법이 필요 datatable 플러그인에서 사용할 수 있습니다.

출처

2014-05-13 13:36:31 Jai

그냥 시도하고 똑같은 일이 일어나고 있습니다. BundleConfig.cs 파일이나 _layout.cshtml 파일과 같이 스크립트에 대한 참조를 다른 곳에 추가해야합니까? 이것은 MVC에서 스크립트를 사용하여 처음으로 올바른 프로 시저가 무엇인지 확신 할 수 없습니다. – Kevin

BundleConfig.cs 파일에이 참조를 추가해야합니다.

당신은 아마 번들이있을 것이다는 _Layout.cshtml에로드되는 :

@Scripts.Render("~/bundles/myBundle")

그래서 특정 번들 JQuery와 및 datatables 참조를 추가, 예 :

bundles.Add(new ScriptBundle("~/bundles/myBundle").Include(
    "~/Scripts/jquery-1.10.2.min.js" 
    "~/Scripts/DataTab....ataTables.js" 
));

당신은 것을 확인할 수 있습니다 js 파일은 Firebug Net 탭 (Firefox를 사용하는 경우)을보고로드됩니다.

출처

2014-05-13 14:02:38 markpsmith

<head> 
<script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript"></script> 
<script src="~/Scripts/DataTables-1.9.4/media/js/jquery.dataTables.js" type="text/javascript"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#dailyreporttable').dataTable(); 
    }); 
</script> 
</head> 
<body> 
<table id="dailyreporttable"> 
</table> 
</body>

https://datatables.net/examples/basic_init/zero_configuration.html

출처

2014-05-13 14:08:54 malkam

css 파일에 대한 참조가 있으십니까 ?? rel = "stylesheet"type = "text/css"href = "../../ media/css/jquery.dataTables.css"

출처

2014-05-14 14:11:20 PMC

그래요, CSS 파일에 대한 참조를 추가 했는데도 여전히로드되지 않습니다. – Kevin

jQuery Datatables 플러그인이 ASP.NET MVC에서 작동하지 않습니다.

답변

관련 문제