Update Crud
Publicado por bryan (1 intervención) el 24/09/2018 06:33:49
Muy buenas Sere lo mas puntual estoy "intentando" realizar un crud con flask pero se me a complicado un poco al momento de actualizar un reguistro el cual esta en una tabla como observaran mas adelante en el codigo html este mediante su js (script) logra selecionar un dato en especifico y mediante un $.get mando a llamar a mi modal con los datos de mi tabla seleccionados anteriormente asta aqui aparentemente esta bien, al momento de guardar los datos de mi modal en la base de dato me eh trabado y por el cual estoy aqui y si se da la oportinidad me puedan ayudar como puedo guardar esos datos en mi base de dato, mi proyecto se esta realizado en flask con un orm sqlAlchemy el teoria no deseo que me solucione mi problema pero si se da bien venido sea!! mas bn deseo saber que estructura o pasos dbo realizar para llegar a esa solucion .
.lista html
js
.modal html
si desean mi proyecto de github me avisan
.lista html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
{%block content%}
<section class="content">
<div class="row">
<div class="col-xs-12">
<div class="box">
<div class="box-header">
<h3 class="box-title">Listado de Proveédores</h3>
</div>
<div class="ajaxs"></div>
<!-- /.box-header --><div class="box-body">
<table id="example2" class="table table-bordered table-hover">
<thead>
<tr>
<th>Id</th>
<th>Nombre</th>
<th>Apellido</th>
<th>FechaNacimiento</th>
</tr>
</thead>
<tbody>
<!--code js --></tbody>
</table>
</div>
<!-- /.box-body --></div>
</div>
</div>
</section>
{%endblock%}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
$(document).ready(function () {
var t = $("#example2").DataTable({
ajax:"/Lp",
columns:[
{data:"Id"},
{data:"Nombre"},
{data:"Apellido"},
{data:"FechaNacimiento"},
]});
$("#example2 tbody").on("click ","tr",function(e){
$(this).addClass("selected").siblings().removeClass('selected');
a=t.row(this).data();
$.get("modalc", function (data) {
$(".ajaxs").append(data);
}).done(function () {
console.log(a);
$('#modalCliente').modal("show");
$("#id").val(a.Id);
$("#Name").val(a.Nombre);
$("#surName").val(a.Apellido);
$("#birtday").val(a.FechaNacimiento);
console.log("proceso recibido");
}).fail(function (e) {
console.log("Error al Obtener la Peticion",e);
alert("Erro De Peticion")
}).always(function () {
console.log("proceso Finalizado");
});
});
});
.modal html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<div class="modal" tabindex="-1" role="dialog" id="modalCliente">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Actualizar Cliente</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form id="Myform">
<div class="form-group">
{{render_field(frm.id,class='form-control col-md-2')}}
</div>
<div class="form-group">
{{render_field(frm.Nombre,class='form-control col-md-2')}}
</div>
<div class="form-group">
{{render_field(frm.Apellido,class='form-control col-md-2')}}
</div>
<div class="form-group">
{{render_field(frm.FechaNacimiento)}}
</div>
</form>
</div>
<div class="modal-footer">
<input id="btton" type="submit" class="btn btn-primary" value="Guardar Cambios">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>
Valora esta pregunta
0