44 aplicativo-com-banco-de-dados-funo-excluir - CodeHamper

Aplicativo com banco de dados função excluir

Adicionando a função excluir ao aplicativo




Esta postagem é continuação da postagem anterior sobre a criação, pode ser visto através do link abaixo:

http://codehamper.com/post/43/aplicativo-com-banco-de-dados-utilizando-intelxdk

Para utilizarmos a opção excluir, precisamos modificar a função de mostrar, para ficar da seguinte formar abaixo:

function selRows() {
            var q = "select * from myTable";
            db.transaction(function (t) {
                t.executeSql(q, null, function (t, data) {
                    var html = "<table><tr><td>ID</td><td>Name</td><td>idade</td><td>Excluir</td></tr>";
                    for (var i = 0; i < data.rows.length; i++) {
                          html += "<tr><td>" +
                          data.rows.item(i).id + "</td><td>" +
                          data.rows.item(i).name + "</td><td>" +
                          data.rows.item(i).age + "</td>"+
                          "<td><button onclick='excluir("+data.rows.item(i).id+
                         ");' >Excluir</button></td></tr>";
                    }
                    html += "</table>";
                    var el = document.getElementById("main");
                    el.innerHTML = html;
                });
            });
        }

Isto fara com que seja gerado um botao ao lado de cada item, ao ser clicado ele deleta a linha, chamando a função abaixo:

function excluir(id){
            db.transaction(function (t) {
                t.executeSql("DELETE FROM myTable WHERE id = "+id+" ");
                $.afui.popup("excluido com sucesso");
            });
            selRows();
        }


O mesmo completo pode ser obtido através do link abaixo, onde já se encontra atualizado:

https://github.com/carlosstenzel/BlocoDeNotas1

 


CodeHamper © 2017 - Todos os direitos reservados