Pessal,
boa tarde!
Estou com um problema na renderização do datatable do jquery na minha view, quando ele carrega somente aparece no navegador os dados em formato json todos espalhados, creio que seja algum problema de referencia ou detalhe mas realmente está complicado.
Segue abaixo o código:
HTML:
@model
IEnumerable<CockpitETL.Models.ViewModel.VIEW_PRTC_PROVIDER_TUSS_CBHPMPROCEDURE_AMBPROCEDURE_PROCEDURELABEL>
@{
ViewBag.Title = "ClassificarProcedimentos";
}
<h2>ClassificarProcedimentos</h2>
<p>
@Html.ActionLink("Create New", "Create")
</p>
<div id="page-wrapper">
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-body">
<div class="row">
<div class="col-lg-12">
<table id="myDataTable" class="table table-bordered table-striped table-hover">
<thead>
<tr>
<th>PROV_TX_ACRONYM</th>
<th>PRTC_TX_CODE</th>
<th>PRTC_TX_DESCRIPTION</th>
<th>TCAP_ID</th>
<th>TCAP_TX_DESCRIPTION</th>
<th>TUSS</th>
<th>CBHPM</th>
<th>AMB</th>
<th>XPTO</th>
</tr>
</thead>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<link href="~/Content/DataTables/css/jquery.dataTables.min.css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function () {
//Pega os dados do banco de dados para preencher o datatable
var oTable = $("#myDataTable").DataTable({
"language": {
"lengthMenu": "Exibe _MENU_ Registros por página",
"search": "Procurar",
"paginate": { "previous": "Retorna", "next": "Avança" },
"zeroRecords": "Nada foi encontrado",
"info": "Exibindo página _PAGE_ de _PAGES_",
"infoEmpty": "Sem registros",
"infoFiltered": "(filtrado de _MAX_ regitros totais)"
},
"processing": true, // mostrar a progress bar
"filter": true, // habilita o filtro(search box)
"lengthMenu": [[3, 5, 10, 25, 50, -1], [3, 5, 10, 25, 50, "Todos"]], //define as opções de paginação
"pageLength": 3, // define o tamanho da página
"ajax": {
"url": "/Areamedica/ClassificarProcedimentos",
"type": "GET",
"dataType": "json"
},
"columns":
[
{ "data": "PROV_TX_ACRONYM", "autowidth": true },
{ "data": "PRTC_TX_CODE", "autowidth": true },
{ "data": "PRTC_TX_DESCRIPTION", "autowidth": true },
{ "data": "TCAP_ID", "autowidth": true },
{ "data": "TCAP_TX_DESCRIPTION", "autowidth": true },
{ "data": "TUSS", "autowidth": true },
{ "data": "CBHPM", "autowidth": true },
{ "data": "AMB", "autowidth": true },
{ "data": "XPTO", "autowidth": true }
]
});
});
</script>