ajout ajax_article pour remplir le formulaire

This commit is contained in:
2020-10-05 17:30:43 +02:00
parent 9aa6c8985e
commit 9b6f016c32
5 changed files with 91 additions and 12 deletions

View File

@@ -35,13 +35,19 @@
<div class="form-group">
<label class="control-label col-sm-2">Article</label>
<div class="col-xs-6">
<input class="form-control" type="text" id="libelle" name="libelle" value="${ligne.libelle}">
<input class="form-control" type="text" id="article" name="article" value="${article}">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">ref</label>
<label class="control-label col-sm-2">Référence</label>
<div class="col-xs-6">
<input class="form-control" type="text" id="ref" name="ref" value="${ligne.ref}">
<input class="form-control" type="text" id="ref" name="ref" value="${ligne.ref}" readonly>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-2">Libellé</label>
<div class="col-xs-6">
<input class="form-control" type="text" id="libelle" name="libelle" value="${ligne.libelle}">
</div>
</div>
<div class="form-group">
@@ -132,7 +138,7 @@ $(document).ready(function() {
url:'/ajax_texte',
dataType: 'json',
data: {
recherche: request.term,
recherche: 'TX' + request.term,
},
success: function (data) {
response( data );
@@ -142,6 +148,48 @@ $(document).ready(function() {
minLength: 3,
appendTo: "#TX"
});
$('#article').autocomplete({
minLength: 3,
appendTo: "#TX",
source: function (request, response) {
$.ajax({
url:'/ajax_texte',
dataType: 'json',
data: {
recherche: 'AR' + request.term,
},
success: function (data) {
response( data );
},
});
},
select: function(event, ui) {
var ref = ui.item.value.split(' ')[0]; // selected ref
// lecture de l'article
$.ajax({
url: '/ajax_article',
data: {ref:ref},
dataType: 'json',
success:function(response){
var len = response.length;
if(len > 0){
var ref = response[0]['ref'];
var libelle = response[0]['libelle'];
var prixht = response[0]['prixht'];
// Set value to textboxes
document.getElementById('article').value = ref;
document.getElementById('ref').value = ref;
document.getElementById('libelle').value = libelle;
document.getElementById('prixht').value = prixht;
}
}
});
return false;
}
});
});
</script>
</div>