Necesito que NO se ejecute ninguna función o sentencia hasta que termine de obtener la variable table. He intentando varias formas pero no he logrado configurar adecuadamente una promesa en js.
Estas son las lineas de código.
var sqlPanel = $('#ResultPanel');
sqlPanel.animate({ opacity: '0.5' }, 200);
var table = null;
var promesa = new Promise(
function (resolve) {
// Puede tardar varios segundos en obtener la variable table
table = $('#ResultPanel > div.grid-panel > table').tableToJSON();
resolve();
}
);
promesa.then(
function () {
stringJson = JSON.stringify(table);
sqlPanel.animate({ opacity: '1.0' }, 200);
});
Cuando ejecuto javascript no espera hasta que la variable table sea obtenida. Sigue derecho y ejecuta el resto de las lineas. Me gustaría saber como puedo corregir, si hay una mejor opción que no sean promesas o saber que me hace falta. Muchas gracias.
Agrego nuevo código más organizado
function cargar() {
return new Promise(function (resolve, reject) {
var table = $('#ResultPanel > div.grid-panel > table').tableToJSON()
resolve(table);
})
}
function mostrar(table) {
return new Promise(function (resolve, reject) {
stringJson = JSON.stringify(table)
numeroFilas = table.length
document.getElementById("registros").innerHTML = "Numero de registros selección final: " + numeroFilas + "."
//var sqlProgressIndicator = $('<div></div>', { 'class': 'result-panel loader' })
//sqlProgressIndicator.remove()
$("div").remove(".result-panel.loader");
var sqlPanel = $('#ResultPanel')
sqlPanel.animate({ opacity: '0.0' }, 1)
var tableHtml = $("table")
tableHtml[0].animate({ display: 'block' })
resolve()
})
}
function getSelected() {
var tableHtml = $("table")
tableHtml[0].animate({ display: 'none' })
var sqlPanel = $('#ResultPanel')
sqlPanel.animate({ opacity: '0.5' }, 200)
var sqlProgressIndicator = $('<div></div>', { 'class': 'result-panel loader' })
sqlPanel.append(sqlProgressIndicator)
cargar().then(table => mostrar(table))
}