Как подсчитать мои флажки и вставить в визуализацию моей таблицы?
У меня есть проблема, которая выглядит очень простой для решения, но я не могу найти решение. У меня есть в моей django модели поле nb_engins, соответствующее целочисленному полю, моя модель имеет такой вид :
models.py
class Flottes(models.Model):
name = models.CharField(max_length=255, null=True)
nb_engins = models.IntegerField(validators=[MaxValueValidator(9999999999)], default=0)
engins = ArrayField(models.CharField(max_length=555, blank=True), null=True)
calculateur = models.CharField(max_length=555, null=True)
type_fichier = models.CharField(max_length=255, null=True)
created_at = models.DateTimeField(auto_now_add=True, null=datetime.date.today)
Вот мои 2 функции, одна используется для получения выбранных флажков, а другая для проверки формы
component.ts
// Get List of Checked Items
getCheckedItemList(){
this.checkedList = [];
this.count = 0;
for (var i = 0; i < this.engins.length; i++) {
if(this.engins[i].isSelected)
this.count = this.count+1;
this.checkedList.push(this.engins[i]);
}
this.checkedList = JSON.stringify(this.checkedList);
}
submitForm(): void {
const { value } = this.form;
// get selected fruit from FormGroup value
const selectedEngin =
value?.engins?.filter((f: Engins) => f.checked) || [];
// form value binded
console.log('current form value: ', value);
console.log('only selected form value: ', selectedEngin);
// original value from database not change
console.log('original engins list: ', this.engins);
this.result = {
name: value?.name || '',
selectedEngin,
nb_engins: value?.checkedList|| '',
calculateur: value?.calculateur || '',
type_fichier: value?.type_fichier|| '',
}
alert('La flotte a été enregistré avec succès !');
this.api.registerFlotte(this.form.value)
.subscribe((res:any)=>{console.log(res)});
}
У меня получается отобразить количество отмеченных флажков благодаря count, но я не могу сохранить их в моей таблице, и даже если я сохраню их вручную в моей таблице, я не могу просмотреть их здесь, я использую теги здесь. не очень конкретный для отображения моих данных я не знаю, можете ли вы помочь мне по 2-й части
visualisation.html
<wcs-grid id="grid-simple-1" class="hydrated" [data]="flottes">
<wcs-grid-column class="hydrated" name="Date de création" path="created_at"></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Créé par"></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Name" path="name"></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Nb d'engins" path="nb_engins" ></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Composants/Calculateurs" path="calculateur"></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Type de fichier" path="type_fichier"></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Date de mise à jour"></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Statut"></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Modification" [formatter]="updateFormatter"></wcs-grid-column>
<wcs-grid-column class="hydrated" name="Suppression" path="engins" [formatter]="supprFormatter"></wcs-grid-column>
</wcs-grid>
Все отображается, но не мое количество передач, Есть ли у вас зацепка? Похоже, я забыл основной элемент в моей функции typescript
Заранее спасибо