I am currently working with a grid in my template that contains multiple dropdowns, each row having its own. When I click a button, I gather the values from these dropdowns. However, upon clicking this button, I wish to reset all the dropdowns back to their default values.
<div>
<button (click)="onClickUpdate($event, filteredRequesters)">Update</button>
</div>
<tbody>
<tr *ngFor='let requester of filteredRequesters'>
<td>
<select id="ddStatus" type="number" (change)="onChange($event.target.value, requester)">
<option *ngFor="let level of levels">
{{level.name}}</option>
</select>
</td>
<td>{{ requester.RequesterID }}</td>
<td> {{ requester.FullName }} </td>
<td>{{ requester.CompanyName }}</td>
<td>{{ requester.RequesterClass}}</td>
<td>{{ requester.Address}}</td>
<td>{{ requester.MobilePhone}}</td>
<td>{{ requester.TotalRequests}}</td>
<td>{{ requester.EmailAddress}}</td>
</tr>
</tbody>
Below is the array responsible for populating the options within the select dropdown in the corresponding typescript component.
levels: Array<{ num: number, name: string, total: number }> = [
{ num: 0, name: "ignore", total: 0 },
{ num: 1, name: "child", total: 0 },
{ num: 2, name: "parent", total: 0 }
];
Lastly, here is the code that executes upon clicking the button:
onClickUpdate(event, filteredRequesters) {
var count: number;
count = 0;
for (var i = filteredRequesters.length - 1; i >= 0; i--) {
if (count > 1) {
continue;
}
if (filteredRequesters[i].isDisabled == 2)
count++
}
if (count == 1) {
this._productService.updateRequester(filteredRequesters);
var countToRemove: number;
// get new total requests for merged reqwester
var countIndex: number = 0;
countToRemove = 0;
for (var i = filteredRequesters.length - 1; i >= 0; i--)
if (filteredRequesters[i].isDisabled == 1) {
countToRemove += filteredRequesters[i].TotalRequests;
}
else if (filteredRequesters[i].isDisabled == 2)
countIndex = i;
filteredRequesters[countIndex].TotalRequests += countToRemove;
filteredRequesters[countIndex].isDisabled = 0;
for (var i = filteredRequesters.length - 1; i >= 0; i--)
if (filteredRequesters[i].isDisabled == 1)
filteredRequesters.splice(i, 1);
// this._productService.getRequestersByFirsterLetter('a')
// .subscribe(products => {
// this.products = products;
// this.filteredRequesters = this.products;
// },
// error => this.errorMessage = <any>error);
}
else alert("Only one parent allowed. ")
}