diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0d3259356b4c86b90d142af0dc6f88e21e6006b0..b1ebb5a4cbba28a0db5c5a15fd519bb54ced4cfb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,11 @@
CHANGELOG
=========
+6.2.2 (04/04/2024)
+------------------
+
+- Utilisatioh de v-model pour UTableAjax
+
6.2.1 (29/03/2024)
------------------
diff --git a/components/UTableAjax.vue b/components/UTableAjax.vue
index 75ba19f581e61adceaa3a146b932894cea0faec8..b5d7b806a59a7a3d1ec6260ef28588847f19f166 100644
--- a/components/UTableAjax.vue
+++ b/components/UTableAjax.vue
@@ -37,7 +37,9 @@
export default {
name: "UTableAjax",
+ emits: ['update:modelValue'],
props: {
+ modelValue: {required: true},
id: {required: false, type: String},
size: {required: false, default: 10},
count: {required: false},
@@ -127,7 +129,7 @@ export default {
}).then(response => {
let data = response.data;
this.dCount = data.count;
- this.$emit('data', data.data);
+ this.$emit('update:modelValue', data.data)
});
},
orderBy(column)
diff --git a/doc/composants/UTableAjax.md b/doc/composants/UTableAjax.md
index 6babbc2b9615076899b1d77cc32445634635deb8..2ecd3fc677d011cfab1f8c5df124195cb1c96751 100644
--- a/doc/composants/UTableAjax.md
+++ b/doc/composants/UTableAjax.md
@@ -6,7 +6,7 @@ Exemple d'utilisation côté client, dans un composant Vue :
```vue
<template>
- <u-table-ajax :data-url="this.dataUrl" @data="maj">
+ <u-table-ajax :data-url="this.dataUrl" v-model="lines">
<thead>
<tr>
<th column="ID">Id</th><!-- l'attribut column doit être renseigné pour pouvoir la rendre triable -->
@@ -42,10 +42,6 @@ export default {
};
},
methods: {
- maj(lines)
- {
- this.lines = lines;
- },
editUrl(id)
{
return unicaenVue.url('mon-url/:id', {id: id});