Tentei abrir um tópico, mas ocorreram algumas exceptions no GUJ, entao abri este novo igual ao anterior…
Boa tarde…
estou tentando criar um DataTable(google.visualization.DataTable) em uma view do meu sistema, porém como tenho costuem de usar Javascript externo ao HTML, criei um .js nas resources…até ai tudo bem, perfeito.
Porém, quando vou instanciar um DataTable do google, o código simplesmente para a execução, pois algo de errado aconteceu, sendo que se eu usar o javascript direto no html, funciona certinho…alguém sabe como resolver isso ?
vou postar meus coidgos aqui em baixo:
Começo da minha VIEW(JSP):
...
...
<c:url value="/resources/js/tabelaUsuario.js" var="urlTabelaUsuario" />
<c:url value="https://www.google.com/jsapi" var="urlGoogleApi" />
<div id="container" align="center">
<c:import url="/resources/html/header.jsp">
<c:param value="white" name="cor_text"/>
<c:param value="Intranet ADM Login" name="title"/>
</c:import>
<!-- JAVASCRIPT -->
<script type="text/javascript" src="${urlJquery}" ></script>
<script type="text/javascript" src="${urlGoogleApi}"></script>
<script type="text/javascript" src="${urlTabelaUsuario}" ></script>
...
...Meu Arquivo JS(Javascript):
OBS: O Código para exatamente na linha que instancia o DataTable dentro da função “iniciaDataTable()”.
//COLUNAS
var COLUNA_MATRICULA = 0;
var COLUNA_NOME = 1;
var COLUNA_LOGIN = 2;
var COLUNA_SISTEMA = 3;
var COLUNA_PERFIL = 4;
var COLUNA_STATUS = 5;
//JQuery - LOAD DO DOCUMENT
$(document).ready(function()
{
//Evento do botão Consultar
$('#btnConsultar').click(function(event)
{
//AJAX via JQuery
$.ajax
({
type: 'GET',
url: 'http://localhost:8080/Intranet_AdmLogin/consulta/usuario',
data: { login: $('#login').val() }
}).done(function(usuarios)
{
var dataTable = iniciaDataTable(usuarios.length);
$.each(usuarios,function(index,usuario)
{
//Carrega as células
dataTable.setCell(index,COLUNA_MATRICULA,usuario.matricula);
dataTable.setCell(index,COLUNA_NOME,usuario.nome);
dataTable.setCell(index,COLUNA_LOGIN,usuario.login);
dataTable.setCell(index,COLUNA_SISTEMA,usuario.sistema);
dataTable.setCell(index,COLUNA_PERFIL,usuario.perfil);
dataTable.setCell(index,COLUNA_STATUS,usuario.status);
});
//Desenha a DataTable
var table1 = new google.visualization.Table(document.getElementById('tblUsuarios'));
table1.draw(dataTable, null);
});
});
});
function iniciaDataTable(rows)
{
//Inicializa o HEADER
var dataTable = new google.visualization.DataTable();
alert("passou");
dataTable.addColumn('string', 'Matrícula');
dataTable.addColumn('string', 'Nome');
dataTable.addColumn('string', 'Login');
dataTable.addColumn('string', 'Sistema');
dataTable.addColumn('string', 'Perfil');
dataTable.addColumn('string', 'Status');
dataTable.addRows(4);
return dataTable;
}Se alguem puder ajudar, desde já agradeço !.